CSS動畫是一種可以讓網頁元素動起來的技術，可以讓頁面更加生動和有趣。下面我們來介紹一下CSS動畫的基本使用方法。

首先，可以使用CSS屬性animation來定義動畫。這個屬性需要設置多個參數，包括動畫名稱、動畫持續時間、動畫延遲時間等等。例如：

div {
animation: myanimation 2s ease-in-out 1s infinite alternate;
}

上面的代碼定義了一個名為myanimation的動畫，持續時間為2秒，延遲1秒后開始，采用緩動函數進行動畫效果，在動畫結束之后會反向播放。

除了封裝好的動畫名稱之外，還可以使用@keyframes關鍵字來自定義關鍵幀動畫。例如：

@keyframes my-animation {
0% {
transform: translateX(0);
}
50% {
transform: translateX(100px);
}
100% {
transform: translateX(0);
}
}
div {
animation: my-animation 2s ease-in-out 1s infinite alternate;
}

上面的代碼定義了一個自定義的動畫my-animation，其中通過@keyframes定義了三個關鍵幀，在0%、50%和100%的位置上分別設置了不同的CSS屬性，實現了從左向右平移再返回的動畫效果。

CSS動畫還支持一些特殊的函數，例如cubic-bezier，可以實現更加靈活的動畫效果。例如：

div {
animation: myanimation 2s cubic-bezier(0.25, 0.1, 0.25, 1) 1s infinite alternate;
}

上面的代碼定義了一個名為myanimation的動畫，采用cubic-bezier函數來控制動畫的速度曲線，實現了一種彈性的動畫效果。

總之，CSS動畫是一項非常實用的技術，可以讓網頁更生動、更有趣。希望大家通過學習本文，能夠更好地掌握CSS動畫的使用方法。