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