HTML 小動畫是網頁設計中不可或缺的一部分，可以增強頁面的視覺效果，豐富用戶體驗。

<div id="animation">
<img src="cat.jpg" alt="cat" id="cat">
</div>
<script>
var cat = document.getElementById("cat");
var animation = document.getElementById("animation");
var position = 0;
var animate = setInterval(move,25);
function move(){
if(position == window.innerWidth - 150){
clearInterval(animate);
} else {
position++;
cat.style.left = position + "px";
}
}
</script>

上面的代碼是一個簡單的小貓移動動畫。首先，我們在 HTML 中創建了一個 div 元素，并在其內部嵌套了一張貓的圖片。然后，我們使用 JavaScript 實現了小貓在頁面上沿著 X 軸移動的效果。

具體實現方式是：使用 setInterval() 方法不斷地調用 move() 函數，每次改變小貓圖片的 left 屬性，使其向右移動。當小貓到達頁面右側時，使用 clearInterval() 方法停止動畫。

可以在 CSS 中進一步給動畫元素添加樣式（如 width、height、background-color、border 等），以達到更好的效果。

總之，HTML 小動畫雖然只是頁面中的一小部分，但它可以為網頁注入活力，增添趣味，讓用戶感到更加愉悅和舒適。