HTML 動畫是在網頁中使用代碼實現動態效果的方式，它可以吸引用戶的注意力，增加用戶與頁面的互動性。HTML 動畫需要用到 CSS 和 JavaScript 來實現，其中 CSS 主要用來控制動畫的樣式，JavaScript 則是用來控制動畫的動態效果。下面是一個關于如何實現一個 CSS 動畫的示例代碼：

/* 定義一個 keyframes */
@keyframes example {
from {background-color: yellow;}
to {background-color: green;}
}
/* 在需要添加動畫效果的元素中引用 keyframes */
div {
width: 100px;
height: 100px;
background-color: yellow;
animation-name: example;
animation-duration: 4s;
}

在上面的示例中，通過定義一個 keyframes 來定義一個動畫，這個動畫的名稱是 example，包括兩個狀態：from 表示動畫開始的狀態，background-color 為黃色；to 表示動畫結束的狀態，background-color 為綠色。

在要應用動畫效果的元素中，通過 animation-name 來指定使用哪個 keyframes，這里指定的是 example；通過 animation-duration 來控制動畫的持續時間，這里設置為 4 秒。

要注意的是，如果想要動畫循環播放，需要在 animation-duration 中使用 infinite。

HTML 動畫在實現上可以非常靈活，通過控制不同元素的樣式和不同事件的觸發，可以實現非常豐富的動畫效果，讓網頁更加生動有趣。