寫動畫可以使用CSS中的關鍵幀（keyframes）和動畫（animation）屬性來實現(xiàn)，下面是一個簡單的例子，展示了如何使用CSS來創(chuàng)建一個簡單的動畫：

1、定義關鍵幀：使用@keyframes規(guī)則來定義動畫的不同階段，我們可以創(chuàng)建一個名為“my-animation”的關鍵幀，其中0%表示動畫開始時，100%表示動畫結束時。

2、應用動畫：使用animation屬性來應用關鍵幀到元素上，我們可以將“my-animation”應用到元素上，并設置動畫的持續(xù)時間、延遲時間和循環(huán)次數(shù)等。

3、編寫HTML和CSS代碼：在HTML中定義元素，并在CSS中應用動畫，我們可以創(chuàng)建一個div元素，并給它應用一個動畫效果。

需要注意的是，CSS動畫需要一定的性能優(yōu)化技巧，以確保動畫的流暢性和性能，我們可以使用硬件加速（transform）來加速動畫效果，或者使用will-change屬性來告訴瀏覽器哪些屬性會發(fā)生變化，以提高渲染效率。

除了上述基本語法外，CSS還支持多種動畫效果，如旋轉、縮放、移動等，還可以結合JavaScript等語言來實現(xiàn)更加復雜的動畫效果。

CSS動畫是一種強大的技術，可以用于創(chuàng)建各種吸引人的動畫效果，通過不斷學習和實踐，您可以掌握CSS動畫的精髓，并為您的網(wǎng)頁增添更多的樂趣和交互性。