CSS可以幫助我們實(shí)現(xiàn)各種動畫效果，其中元素旋轉(zhuǎn)效果是其中一種。通過CSS中的transform屬性，我們可以將一個(gè)元素旋轉(zhuǎn)。

.rotate {
transform: rotate(30deg);
}

上述代碼中，.rotate是一個(gè)類名，我們將要將其追加給需要旋轉(zhuǎn)的元素。transform屬性用于定義一個(gè)2D或3D轉(zhuǎn)換，其中rotate函數(shù)定義了需要旋轉(zhuǎn)的角度。這里的值是30度，你也可以指定其他的值。

如果我們想要讓元素在鼠標(biāo)懸停時(shí)開始旋轉(zhuǎn)，可以使用:hover偽類。下面的代碼將在鼠標(biāo)懸停時(shí)將元素旋轉(zhuǎn)45度：

.rotate:hover {
transform: rotate(45deg);
}

如果我們想要讓元素?zé)o限旋轉(zhuǎn)，可以使用CSS動畫。下面的代碼將讓元素?zé)o限制地以180度每秒的速度順時(shí)針旋轉(zhuǎn)：

.rotate {
animation: spin 1s linear infinite;
}
@keyframes spin {
from {
transform: rotate(0);
}
to {
transform: rotate(180deg);
}
}

上述代碼首先定義了一個(gè)動畫，它被命名為spin，并將其應(yīng)用于.rotate類。這個(gè)動畫會持續(xù)1秒鐘，使用線性變換，并且是無限的（通過設(shè)置infinite）。接下來，我們定義了一個(gè)名為spin的關(guān)鍵幀，從0度開始旋轉(zhuǎn)到180度。最后，我們將關(guān)鍵幀應(yīng)用于動畫。

總結(jié)一下，CSS可以使用transform屬性來實(shí)現(xiàn)元素旋轉(zhuǎn)效果，可以使用:hover偽類來使元素在鼠標(biāo)懸停時(shí)開始旋轉(zhuǎn)，也可以使用CSS動畫來讓元素?zé)o限制地旋轉(zhuǎn)。