CSS3动画

 

    CSS3可以创建动画，它可以取代许多网页动画图像、Flash动画和JavaScript实现的效果。

 

    CSS3@keyframes规则

 

    要创建CSS3动画，你需要了解@keyframes规则。

 

    @keyframes规则是创建动画。

 

    @keyframes规则内指定一个CSS样式和动画将逐步从目前的样式更改为新的样式。

 

    实例

 

@keyframes myfirst

 

{

 

    from {background: red;}

 

    to {background: yellow;}

 

}

 

 

 

@-webkit-keyframes myfirst /* Safari 与 Chrome */

 

{

 

    from {background: red;}

 

    to {background: yellow;}

 

}