学科分类
目录
HTML5+CSS3

animation属性

animation属性是一个简写属性,用于在一个属性中设置animation-name、animation-duration、animation-timing-function、animation-delay、animation-iteration-count和animation-direction六个动画属性。其基本语法格式如下:

animation: animation-name animation-duration animation-timing-function animation-delay animation-iteration-count animation-direction;

在上述语法中,使用animation属性时必须指定animation-name和animation-duration属性,否则动画效果将不会播放。下面的示例代码是一个简写后的动画效果代码。

animation: mymove 5s linear 2s 3 alternate;

上述代码也可以拆解为:

animation-name:mymove;        /*定义动画名称*/

animation-duration:5s;        /*定义动画时间*/

animation-timing-function:linear; /*定义动画速率*/

animation-delay:2s;          /*定义动画延迟时间*/

animation-iteration-count:3;    /*定义动画播放次数*/

animation-direction:alternate;   /*定义动画逆向播放*/
点击此处
隐藏目录