CSS動畫是現代Web設計的重要組成部分，特別是在移動端設備上，動畫效果可以提高用戶體驗和用戶參與度。

使用CSS實現動畫的方法有多種，其中一種是使用CSS的animation屬性。這個屬性可以控制元素的動畫效果，如動畫持續時間、延遲時間、動畫方式等。

.example {
animation: myanimation 2s linear 3s infinite backwards;
}
@keyframes myanimation {
0% {
opacity: 0;
transform: translateY(-50px);
}
50% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(50px);
}
}

上面的代碼演示了一個example類的HTML元素，它使用了animation屬性來實現動畫效果。這個動畫效果由myanimation動畫鍵幀來定義。

動畫鍵幀（Animation Keyframes）是CSS屬性@keyframes定義的一組CSS屬性集合，可以用來定義CSS動畫效果的每一個階段。

在上面的代碼中，myanimation動畫鍵幀定義了三個階段，分別是從0%到50%、從50%到100%、以及從100%到0%。在不同的階段，HTML元素的不透明度和垂直方向的位移會發生變化。

使用animation屬性可以讓你自由控制HTML元素的動畫效果。通過定制每一個動畫階段的CSS屬性，你可以創建自己獨特的動畫效果。