CSS動畫是網頁設計中常用的一種效果，它能夠讓網頁更加生動有趣。在定義CSS動畫時，需要按照以下規則：

1. 定義一個@keyframes規則，用于規定動畫的各個階段。
2. 給元素設置animation屬性，指定動畫的名稱、時間、運動曲線以及延遲時間。
3. 可以使用animation-direction屬性指定動畫的播放方向。
4. 可以使用animation-fill-mode屬性指定元素在動畫結束后保留的樣式。
5. 可以使用animation-iteration-count屬性指定動畫的播放次數。
6. 可以使用animation-play-state屬性指定動畫的播放狀態。
7. 可以使用animation-delay屬性指定動畫的開頭時間。
8. 可以使用animation-timing-function屬性指定動畫的速度曲線。
9. 可以使用animation-name屬性來為不同的元素設置不同的動畫效果。

通過以上規則定義CSS動畫，可以輕松實現各種炫酷的效果，給網頁設計增添更多的樂趣。