CSS 是一種樣式語言，可以將網頁的元素進行各種各樣的排版和布局。其中，CSS 還可以實現元素的旋轉效果，這樣就能夠讓網頁更加生動有趣了。本文主要介紹如何使用 CSS 沿 X 軸旋轉 90 度。

transform: rotateX(90deg);

上面的代碼就是旋轉元素沿 X 軸旋轉 90 度的 CSS 代碼。這個代碼中的 transform 屬性專門用于處理元素的變形效果，而 rotateX() 方法可以讓元素沿著 X 軸來進行旋轉。90deg 則是旋轉的角度，單位是度。

需要注意的是，如果使用 rotateX() 方法進行旋轉，并不能夠直接作用于元素本身，而是要加上 transform 屬性，就像上述代碼那樣。

transform-origin: center center;

另外，還需要使用 transform-origin 屬性來指定元素變形的起點。上述代碼中的 center center 表示變形的起點位于元素的中心點。這樣，在元素變形的同時，它的位置就不會發生改變了。

綜上所述，要想讓元素沿 X 軸旋轉 90 度，需要使用 transform 屬性的 rotateX() 方法，并且還要加上 transform-origin 屬性的指定。這樣就可以讓網頁的元素更加生動有趣了。