CSS的hover狀態可以帶來令人贊嘆的效果，比如旋轉。以下是如何使用CSS完成hover旋轉效果。
上面的代碼會在鼠標放到藍色方塊上時，將其旋轉360度。
首先我們定義一個寬高都是100px的方塊，并把背景色設為藍色。使用CSS3中的transition屬性使變換過程平滑，并設置旋轉變換的時間為0.5秒。在:hover狀態下，我們使用rotate函數讓方塊旋轉360度。
hover旋轉效果可以應用在各種元素上，如圖片、按鈕等。通過調整旋轉的角度，可以制作出各種有趣的效果。快來試試吧！
上一篇css三種樣式怎么用
下一篇css li和a連接