當我們想要在網頁中使用一些動態效果來吸引用戶的注意力時，CSS動畫是一個非常好的選擇。但是，在使用CSS動畫時我們需要指定一些規則。

CSS動畫是通過在HTML元素上添加CSS樣式來實現的，因此，我們需要先定義CSS樣式。CSS樣式可以在CSS文件中定義，也可以直接在HTML文件中定義。

/*在CSS文件中定義樣式*//*直接在HTML文件中定義樣式*/

在定義CSS樣式后，我們需要在HTML元素中添加CSS樣式。在添加CSS樣式時，需要給元素添加一個類名，然后將CSS樣式中對應的類名添加到該類名下。

除了定義CSS樣式和給元素添加CSS樣式外，我們還需要指定一些其他規則。

animation-name: 指定動畫的名稱，該名稱要與定義的@keyframes名稱相同。

animation-duration: 指定動畫完成的時間，單位為秒(s)或毫秒(ms)。

animation-timing-function: 指定動畫的速度曲線，常用的值有ease、linear、ease-in、ease-out、ease-in-out等。

animation-delay: 指定動畫延遲的時間，單位為秒(s)或毫秒(ms)。

animation-iteration-count: 指定動畫循環的次數，可以指定具體的次數，也可以指定infinite表示無限循環。

animation-direction: 指定動畫的播放方向，常用的值有normal、alternate、reverse、alternate-reverse等。

綜上所述，我們在使用CSS動畫時，需要指定一些規則，包括定義CSS樣式、添加CSS樣式、指定動畫名稱、完成時間、速度曲線、延遲時間、循環次數、播放方向等。只有在指定這些規則后，才能實現我們想要的動畫效果。