css3中rotateX的旋轉方向：1、當rotateX()方法的旋轉角度值為正數值時，元素的旋轉方向是面對x軸正方向的逆時針方向；2、當rotateX()方法的旋轉角度值為負數值時，元素的旋轉方向是面對x軸正方向的順時針方向。

本教程操作環境：windows10系統、CSS3&&HTML5版本、Dell G3電腦。

css3中rotateX旋轉方向是什么

在制作網頁的過程中，我們會經常讓元素進行旋轉，來形成一定的立體感，或是配合關鍵幀（@keyframe）做成動畫特效，使得頁面更加美觀。
在css3中我們可以借助transform:rotate();來實現元素的旋轉。
在默認狀態下，角度為正值時，元素繞z軸順時針旋轉。

transform: rotate(45deg);//繞z軸順時針旋轉45°

對初學者來說，元素在平面上旋轉還是比較容易判斷方向，但是在三維空間就比較困難了。
還記得以前物理課本上用安培定則判斷磁場方向么，類似的，空間想象能力較弱的朋友可以借助左手來判斷圖片旋轉方向。

使用方法：

輕握左手，大拇指指向旋轉軸正方向，四指指向的方向就是旋轉方向。

示例：

transform: rotateX(45deg)；//以x為軸順時針旋轉45°

預測圖片旋轉方向如箭頭所示：

實際旋轉情況：

使用時需要注意y軸是向下的

（學習視頻分享：css視頻教程）