CSS3 動畫是近年來在 Web 開發中被廣泛應用的技術，它通過 CSS3 的樣式特性實現動效，使得頁面更加生動、有趣。以下是一個使用 CSS3 動畫的案例：

/* 定義動畫 */
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
/* 應用動畫 */
.element {
animation: pulse 2s infinite;
}

上面的代碼定義了一個名為 pulse 的動畫，它會讓元素在 2 秒內不斷縮放，變化效果類似于心跳。在 element 元素上應用這個動畫，即可讓該元素具備動態效果。

圖標旋轉是另一個常見的 CSS3 動畫應用，以下是一個實現圖標旋轉的案例：

/* 定義動畫 */
@keyframes rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
/* 應用動畫 */
.icon {
animation: rotate 2s infinite linear;
}

上面的代碼定義了一個名為 rotate 的動畫，它會讓元素在 2 秒內順時針不斷旋轉。在 icon 元素上應用這個動畫，即可讓該元素旋轉。

CSS3 動畫還可以用來制作過渡效果，讓元素在狀態變化時更加平滑。以下是一個實現過渡效果的案例：

/* 定義狀態 */
.box {
background-color: #f00;
transition: background-color 1s ease-in-out;
}
.box:hover {
background-color: #0f0;
}

上面的代碼定義了一個元素 box，它在默認狀態時背景顏色為紅色，在鼠標懸浮時背景色轉變為綠色。為了讓這一個狀態變化更加平滑，我們使用了 transition 屬性，并指定了過渡時間和過渡方式。這樣，當鼠標從默認狀態移動到懸浮狀態時，box 的背景色將會緩慢轉變為綠色，實現了過渡效果。

以上就是一些常見的 CSS3 動畫案例，通過應用這些技術，我們可以打造更加吸引人的網頁。