看到這個問題，你會怎么解決呢，“旋轉(zhuǎn)”嘛，動態(tài)的，當然用javascript來解決啦,誠然這樣可以解決問題：在div中填寫onmouseover=“round()”，然后編寫script語句，實現(xiàn)操作-webkit-transform:rotate(值 deg)中的值嘛，setinterval重復調(diào)用改變值，然后讓它不斷轉(zhuǎn)圈嘛。

但是還有更簡單些的么，你看這樣做的話，又要寫script，又要加入新的指令，著實有些啰嗦，那還有什么更簡單的辦法呢？

其實，的確還有一種更簡單的辦法：css3，我們只需在設(shè)置樣式的時候，這樣做就可以了哦。

代碼如下:

.rotate{width: 300px;height: 300px;background-color: red;-webkit-transition:-webkit-transform 1s;}
.rotate:hover{-webkit-transform:rotate(360deg);}

這里我們來看一下這段編碼的關(guān)鍵點在哪，transition，就是它，w3c中對它的說明是“圓滑的用動畫效果來改變CSS的屬性值”，看吧，還是來對比裝修前后的狀態(tài)，不過裝修前到裝修后每段時間的變化都展現(xiàn)了，仿佛一幀加一幀就湊成了影片一樣，這樣的對比更像是一個變化的演繹，也就成了動態(tài)效果了，看吧，css未必然只能靜態(tài)展示，同樣可以動起來的哦。

到此，相信大家對“如何使用CSS讓div模塊旋轉(zhuǎn)”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學習！