CSS是一種用于定義網頁外觀的樣式語言。其中的動畫功能可以讓我們實現網頁上的元素動態效果，使頁面更加生動有趣。下面，我們就來看一下CSS定義動畫并使用的方法。

/* 定義動畫 */
@keyframes example {
0% {
transform: translateY(0px);  /* 元素初始狀態 */
}
50% {
transform: translateY(50px);  /* 元素中間狀態 */
}
100% {
transform: translateY(0px);  /* 元素結束狀態 */
}
}
/* 使用動畫 */
div {
animation-name: example;  /* 應用動畫定義 */
animation-duration: 2s;  /* 動畫總長度 */
animation-iteration-count: infinite;  /* 動畫重復次數 */
animation-direction: alternate;  /* 動畫反向播放 */
}

如上所示，我們首先用“@keyframes”定義了一個名為“example”的動畫。其中，“0%”表示元素的初始狀態，“50%”為元素的中間狀態，“100%”為元素的結束狀態。我們定義了元素在Y軸方向上進行移動，并在中間狀態使元素向下移動了50像素。然后，在元素上應用該動畫定義，并指定了動畫的長度為2秒，重復次數為無限次，播放方向為交替播放。

通過定義和使用CSS動畫，我們可以為網頁添加更多的視覺效果，提升頁面的用戶體驗。當然，除了以上介紹的“transform”屬性外，還有其他的CSS動畫屬性（如“opacity”、“color”等），可以讓我們實現更加豐富的動畫效果。持續學習和實踐，才能使我們更加熟練地掌握CSS動畫的使用。