CSS3是一種用來定義網頁樣式的語言，它可以讓我們為網頁添加各種美觀、實用的效果，其中包括定制動畫效果。通過定義動畫，我們可以讓網頁元素以一種非常流暢而自然的方式進行變化或移動。

在CSS3中，我們通過兩個關鍵字來控制動畫：@keyframes 和 animation。@keyframes 定義了動畫的變化過程，有哪些關鍵幀以及每個關鍵幀之間的過渡方式。animation 則是將 @keyframes 定義的動畫應用到一個元素上。

@keyframes myanimation {
0% {
opacity: 0;
transform: translateX(-50px);
}
50% {
opacity: 0.5;
transform: translateX(50px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.myelement {
animation: myanimation 5s ease-in-out infinite;
}

在這個例子中，我們定義了一個名為 myanimation 的動畫。動畫包括三個關鍵幀，分別是 0%，50% 和 100%。在每個關鍵幀中，我們分別指定了透明度和位置的變化。我們將這個動畫應用到了一個名為 myelement 的元素上，并設置了動畫時間、緩動函數以及是否循環播放。

通過合理地運用 CSS3 動畫，我們可以讓網頁更加生動有趣。但是，由于動畫對性能的消耗較大，我們在使用的過程中也要注意盡量減少動畫的數量和復雜度，避免影響用戶的使用體驗。