Demo效果如下：
到这里我们的 HTML 文件就全部写完啦
这时候我们就可以得到一个图片的效果。
这里小图标总共有 11 张，相互之间的变化就是 10 步，所以动画设置如下
这样就得到了一个无限循环的逐帧动画
这样下来，默认就不会动了，然后在hover的时候“运行”就行了
网页的动态效果你说的这里的动态效果是让一个画面或者文字动一下吧？因为在专业里边动态是与数据库连接的后台的技术。
css是层叠样式表，是不能够实现动态效果的。但是可以让某个画面动，比如：
一个文字点击的时候，变大的css代码为：
a{font-size:12px} /*这里文字默认大小是12像素*/a:hover{font-size:14px} /*这里鼠标经过大小是14像素*/
上边这个简单的代码就实现鼠标经过a的时候，文字变大，离开又恢复。
希望能帮到你
