CSS是一種用于美化網頁的樣式表語言，它有許多強大的特性和用法。其中一個有趣的應用就是正方體變化，通過CSS的transform屬性和動畫特性，可以讓一個元素在網頁中以三維的形式旋轉變化，呈現出立體的效果。

/* CSS代碼示例 */
.cube {
width: 100px;
height: 100px;
background-color: #f00;
position: relative;
transform-style: preserve-3d;
animation: rotate-cube 3s linear infinite;
}
@keyframes rotate-cube {
from { transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); }
to { transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg); }
}

以上代碼展示了一個稱為cube的CSS類，它的寬高為100像素，背景色為紅色，使用position:relative屬性定位，同時使用了transform-style:preserve-3d保持3D效果，還定義了一段動畫rotate-cube實現360度無限循環旋轉的效果。

通過CSS的變換函數，我們可以讓正方體在X軸、Y軸和Z軸上旋轉。例如，如果我們要讓一個正方體沿Z軸順時針旋轉45度，可以使用transform:rotateZ(45deg)。如果我們要讓正方體同時繞X軸和Y軸旋轉，可以使用transform:rotateX(45deg) rotateY(30deg)。

除了旋轉之外，我們還可以使用CSS的translate函數來實現正方體的平移變化，或者使用scale函數實現縮放變化。這些變換函數可以自由組合使用，實現各種立體效果。

總結而言，CSS可以實現許多有趣的應用，正方體變化只是其中的一部分。有了這些強大的工具和技術，我們可以為網頁帶來更多的交互性、動態性和創意性。