先介绍一下css3中的animation的特性吧。

在css3中我们可以使用animation属性来创建复杂的动画效果，包括移动，旋转，缩放，倾斜（后几个请参考css3中的transform，scale等属性）等。而这一切，只需要我们创建关键帧（@keyframes），然后将自己想要实现的动作添加进去就可以实现。

比如：

代码如下:

@keyframes bgchange{

from {background:red;}

to {background:yellow}

}

div:hover{

animation:bgchange 5s;

}

当鼠标悬停在

时，该

的背景颜色会在五秒之内从红色变为黄色。

注意：使用animation和@keyframes时不同浏览器需要加上不同的前缀名！

下面代码实现雪花飘落功能：

代码如下:

map