CSS小动画已经成为网页设计的重要组成部分。这种视觉效果可以为网页带来更生动的感觉，从而提升用户的体验。下面是一个使用CSS实现的小动画视频示例，可以作为参考。

/* 定义动画的关键帧 */
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/* 定义需要应用动画的元素 */
.spinner {
border: 16px solid #f3f3f3;
border-top: 16px solid #3498db;
border-radius: 50%;
width: 120px;
height: 120px;
animation: rotate 2s linear infinite;
}

在上面的代码中，我们可以看到：

1. 我们使用@keyframes规则定义了一个关键帧rotate，该关键帧从0度到360度，用于实现旋转动画。

2. 在.spinner类中，我们应用了border样式，定义了一个圆形边框，以及背景颜色。我们还使用了animation属性，将rotate关键帧应用到.spinner元素上，实现其旋转。

使用CSS实现动画非常灵活，可以实现各种复杂的效果。我们只需要利用关键帧和animation样式，就能够轻松为网页添加视觉效果，提升用户的体验。此外，随着CSS3的不断发展，动画的使用也变得越来越简单和方便。