在網頁設計中,圖片是必不可少的元素之一。而如何將圖片進行水平旋轉呢?這里介紹一下HTML中的“transform”屬性。
img { transform: rotateY(180deg); }
以上代碼中,通過設置圖片的“transform”屬性,使其水平旋轉了180度。當然,也可以通過改變旋轉角度的值來調整圖片旋轉的角度。比如:
img { transform: rotateY(90deg); }
上述代碼中,將圖片進行90度的水平旋轉。
另外,需要注意的是,“transform”屬性對IE8及其以下版本不支持,因此在開發過程中需注意兼容性問題。