現代網頁設計中，動畫效果已經成為了一個很重要的元素，可以增強網頁的可視性和吸引力。CSS3動畫是使用CSS編寫的一種動畫效果，它可以通過添加簡單的CSS屬性來實現各種炫酷的動畫效果。其中，CSS3 deg動畫是使用角度值來實現的動畫效果之一，下面我們來了解一下它的實現方式。

.box {
width: 200px;
height: 200px;
background: skyblue;
transition: transform 1s;
}
.box:hover {
transform: rotate(360deg);
}

在上面的代碼中，我們首先定義了一個class為box的盒子，并設置它的寬度、高度和背景顏色。我們還為這個盒子添加一個transform過渡效果，在這里我們只指定了transform屬性和過渡時間為1s，沒有指定具體的變形效果。接著，在盒子的:hover狀態下，我們使用rotate(360deg)實現了一個旋轉動畫效果。我們把這個值賦給transform屬性，當鼠標懸停在該盒子上時，它會沿著中心點順時針旋轉360度。

除了使用:hover選擇器來實現CSS3 deg動畫效果，我們還可以使用@keyframes來定義一個完整的動畫過程。例如，下面的代碼實現了一個無限循環的旋轉動畫效果：

@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.box {
animation: rotate 2s linear infinite;
}

在上面的代碼中，我們先使用@keyframes來定義了一個名為rotate的動畫過程。在這個過程中，我們指定了transform屬性在起始點和終點處的值，它們分別是rotate(0deg)和rotate(360deg)。接著，在box類中，我們使用animation屬性來指定了這個動畫的名字、持續時間、動畫速度和循環次數。這樣，在我們的網頁中就會出現一個無限循環的旋轉動畫效果。