CSS自動旋轉(zhuǎn)Div是一種非常有趣且實用的效果，可以使您的網(wǎng)頁看起來更加生動和吸引人。采用CSS自動旋轉(zhuǎn)Div的方法非常簡單，只需要對您想要應(yīng)用這種特效的Div元素添加一些CSS代碼即可。

div {
width: 100px;
height: 100px;
background-color: #ccc;
animation: rotate 2s linear infinite;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

上述代碼使用了CSS動畫屬性animation來完成自動旋轉(zhuǎn)效果。在Div元素的CSS中，我們定義了它的基本樣式，包括寬度、高度和背景顏色。然后，我們創(chuàng)建一個名為“rotate”的關(guān)鍵幀動畫，其中包括旋轉(zhuǎn)效果的起始角度和終止角度。最后，在Div元素的CSS中，我們使用animation屬性調(diào)用了這個動畫，并且指定它的播放時間和播放次數(shù)。

值得注意的是，我們把動畫的播放次數(shù)設(shè)置為infinite，這意味著它將一直播放下去，直到頁面被關(guān)閉或者用戶停止它。如果您希望動畫播放一定的次數(shù)后停止，可以將這個值設(shè)置為一個數(shù)字。

總的來說，使用CSS自動旋轉(zhuǎn)Div可以輕松地為您的頁面增加一些動態(tài)效果，使它們更加生動有趣。通過控制旋轉(zhuǎn)的角度和時間，您可以實現(xiàn)非常多樣化的效果，例如旋轉(zhuǎn)菜單、旋轉(zhuǎn)廣告等等。趕快嘗試一下吧！