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 小动画虽然只是页面中的一小部分，但它可以为网页注入活力，增添趣味，让用户感到更加愉悦和舒适。