CSS3 動畫是一種在網頁中使用動態效果來吸引用戶注意力的技術。它不僅可以為網頁增加生動感，還可以改善用戶體驗。下面我們來了解一下如何使用 CSS3 動畫。

代碼示例：
/* 定義動畫 */
@keyframes example {
0% {
opacity: 0;
}
50% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
/* 應用動畫 */
.element {
animation-name: example;
animation-duration: 3s;
animation-timing-function: ease;
animation-iteration-count: infinite;
}

首先，我們需要定義動畫。在 CSS3 中，我們可以使用關鍵幀動畫（@keyframes）來創建動畫的每個階段。例如，在上面的代碼示例中，我們定義了一個名為 example 的動畫，該動畫將從 0% 到 100% 的時間范圍內，逐漸增加元素的不透明度。

然后，我們需要將動畫應用到需要動畫效果的元素上。使用 animation-name 屬性來指定動畫的名稱。使用 animation-duration 屬性來定義動畫的持續時間（以秒為單位）。使用 animation-timing-function 屬性來設置動畫的時間函數，它可以使動畫變得平滑或快速。使用 animation-iteration-count 屬性來定義動畫的執行次數。

除此之外，CSS3 還提供了許多其他屬性來控制動畫，例如 animation-delay、animation-fill-mode、animation-direction 等等。多試一試，你會發現 CSS3 動畫可以實現的效果非常豐富。