在CSS3中，我們可以通過transform屬性來實現(xiàn)各種動畫效果，其中包括旋轉(zhuǎn)動畫。旋轉(zhuǎn)動畫的實現(xiàn)需要指定旋轉(zhuǎn)的角度，下面我們來看一下如何在CSS3動畫中實現(xiàn)旋轉(zhuǎn)角度。

/* 基礎(chǔ)樣式 */
.box {
width: 100px;
height: 100px;
background-color: red;
}
/* 旋轉(zhuǎn)45度動畫 */
.rotate-45 {
transform: rotate(45deg);
}
/* 旋轉(zhuǎn)90度動畫 */
.rotate-90 {
transform: rotate(90deg);
}
/* 旋轉(zhuǎn)180度動畫 */
.rotate-180 {
transform: rotate(180deg);
}
/* 旋轉(zhuǎn)360度動畫 */
.rotate-360 {
animation: rotate 2s linear infinite;
}
/* 360度無限循環(huán)動畫 */
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

在上面的代碼中，我們定義了4種旋轉(zhuǎn)動畫效果，分別旋轉(zhuǎn)了45度、90度、180度和360度。其中旋轉(zhuǎn)45度、90度和180度的動畫是通過直接設(shè)置transform的rotate屬性實現(xiàn)的，而360度的動畫則是通過@keyframes關(guān)鍵字定義的動畫來實現(xiàn)的。

在使用@keyframes定義動畫時，我們需要指定動畫的時間、動畫的效果以及動畫的循環(huán)次數(shù)等。在這個例子中，我們設(shè)置了一個2秒的動畫，以線性的方式循環(huán)無數(shù)次，從0%的角度開始旋轉(zhuǎn)，到100%旋轉(zhuǎn)了360度結(jié)束。

以上就是CSS3動畫中旋轉(zhuǎn)角度的實現(xiàn)方式。通過設(shè)置transform屬性和@keyframes關(guān)鍵字，我們可以輕松實現(xiàn)各種旋轉(zhuǎn)效果，讓網(wǎng)頁動起來！