在網頁設計中，樣式動畫的運用可以增強用戶體驗，使得網站更加生動有趣。而設置css樣式動畫，是實現這一目的的重要手段。

animation:<動畫名稱><動畫時長><動畫延遲><動畫播放次數><動畫方式><動畫填充模式>;
@keyframes<動畫名稱>{
from {<樣式設置>}
to {<樣式設置>}
}

上面的代碼給出了設置css樣式動畫的兩個重要部分：animation和@keyframes。

首先，我們需要在要添加動畫的元素中使用animation屬性，用于控制動畫的各種屬性。其中，<動畫名稱>為動畫的名稱，可以取任何名字；<動畫時長>表示動畫的運行時間，以秒（s）或毫秒（ms）為單位；<動畫延遲>表示動畫運行前的等待時間，同樣以秒（s）或毫秒（ms）為單位；<動畫播放次數>表示動畫的循環次數，可以取具體數值（如3）或infinite；<動畫方式>表示動畫的運動方式，包括ease（先慢后快）、linear（勻速）等等；<動畫填充模式>表示動畫運行前和運行后的狀態，包括none（默認，不添加任何填充）、forwards（保持最后一幀的狀態）等。

接下來，我們需要利用@keyframes屬性來定義動畫的細節部分。其中，<動畫名稱>需要與animation屬性中的名稱對應；from {...}表示動畫的起始狀態，to {...}表示動畫的結束狀態，可以在其中使用各種css屬性進行樣式設置。

最后，我們將兩部分代碼結合起來，便可以完成css樣式動畫的設置。