CSS可以用來為圖片設置旋轉角度,使圖片更加生動鮮活。旋轉角度可以使用度數來表示,也可以使用關鍵詞表示如下:
img { transform: rotate(45deg); }
其中,rotate是旋轉的關鍵詞,45deg是旋轉的度數。代碼中的deg表示度數的單位。
如果需要按照不同的軸線旋轉圖片,可以使用不同的關鍵詞來實現。
img { transform: rotateY(180deg); }
代碼中的rotateY意思是繞Y軸旋轉,180度。同理,如果想繞X軸旋轉,則使用rotateX關鍵詞。
除了旋轉,CSS還支持縮放、傾斜、平移等效果,這些都可以為圖片帶來更多的變化和創意。同時,CSS還支持動畫效果來讓圖片更加生動有趣。
上一篇css img精確位置
下一篇css img全屏