css如何把背景旋轉

css把背景旋轉的方法：先對內容定義樣式，並給圖片所在的li定義寬高；然後給圖片設定過渡效果，過渡使用transition屬性；接著透過rotate給其設定變形；最後運行程式即可。

本教學操作環境：windows7系統、css3版，DELL G3電腦。

css把背景旋轉的方法：

先準備一個HTML文檔，文檔中準備好兩個圖片，接下來會對這兩張圖片進行旋轉。

然後對HTML中的內容定義一些樣式，如下圖所示，主要是標題以及ul的樣式。

接下來就為圖片所在的li定義寬高，如下圖所示。

然後給圖片設定過渡效果，過渡使用transition屬性，如下圖所示。

當滑鼠懸停在圖片上時，透過rotate給其設定變形，如下圖所示，正數代表的是順時針，負數代表的是逆時針。

最後執行程序，會看到如下圖所示的效果，滑鼠放在圖片上會順時針或逆時針旋轉。

相關教學推薦：CSS影片教學

以上是css如何把背景旋轉的詳細內容。更多資訊請關注PHP中文網其他相關文章！