CSS可以對圖片進行水平旋轉,即圖像沿著縱軸中心線翻轉180度,這可以通過transform屬性的rotateY函數實現。
img { transform: rotateY(180deg); }
上述代碼將會對選擇器匹配的所有圖片進行水平旋轉。
如果需要對特定的圖片進行水平旋轉,可以給該圖片設置一個class或者id,然后在CSS中使用該class或id進行選擇。例如:
<img src="example.jpg" class="mirror"> .mirror { transform: rotateY(180deg); }
上述代碼將會對class為mirror的圖片進行水平旋轉。
注意,rotateY函數中的參數為角度值,可以是正數或負數,如果是正數則沿著縱軸逆時針旋轉,如果是負數則沿著縱軸順時針旋轉。
使用CSS對圖片進行水平旋轉,可以實現一些特殊的效果,例如制作鏡像效果等。