CSS中可以通過transform屬性讓圖片旋轉,具體的語法如下:
img { transform: rotate(30deg); }
其中,rotate()函數(shù)可以指定旋轉的角度,可以使用deg單位或rad單位。
如果希望將圖片沿著其他軸進行旋轉,可以使用以下函數(shù):
img { transform: rotateX(30deg); /* 繞X軸旋轉 */ transform: rotateY(30deg); /* 繞Y軸旋轉 */ transform: rotateZ(30deg); /* 繞Z軸旋轉 */ transform: rotate3d(1, 1, 1, 30deg); /* 繞任意軸旋轉 */ }
除了旋轉,transform屬性還可以實現(xiàn)其他的變換效果,如平移、縮放、斜切等。