CSS3動畫已經成為現代網站設計中的一個重要部分。當需要為網頁添加一些生動的元素時，CSS3動畫是一個非常好的選擇。

/* 簡單的CSS3動畫 */
.box {
width: 100px;
height: 100px;
background-color: red;
animation-name: example;
animation-duration: 4s;
}
@keyframes example {
0%   {background-color: red;}
50%  {background-color: yellow;}
100% {background-color: red;}
}

在這個簡單的CSS3動畫中，一個正方形的盒子通過改變背景色來實現閃爍的效果。通過使用animation-name屬性，可以告訴瀏覽器要應用哪種動畫。在這個例子中，動畫名為“example”。

接下來，animation-duration屬性指定了動畫周期的長度。在這個例子中，動畫周期為4秒。

接著是關鍵幀（keyframes）定義，通過@keyframes關鍵字來定義。在這個例子中，關鍵幀被命名為“example”。其中，關鍵幀中通過百分比的方式來定義動畫效果在不同時間點的表現。在這個例子中，0%表示開始時的顏色為紅色，50%表示中間時的顏色為黃色，100%表示結束時的顏色為紅色。

除此之外，CSS3動畫還有很多其他的設置，如動畫播放方向、動畫延遲時間等等。當然，在使用CSS3動畫的過程中，需要注意兼容性問題，不同瀏覽器對CSS3動畫的支持程度不同。