animation是一个简写的属性,可以直接绑定到div元素上
语法结构如下:
animation: name duration timing-function delay iteration-count direction;
name:keyframe名称
duration:: 完成动画的时间 time
timing-function: 动画的速度曲线 linear ease ease-in ease-out
delay: 动画开始之前的延迟 time
iteration-count:动画播放的次数 n infinite
direction:是否应该轮流反向播放动画 normal alternate
@keyframes name
{
from {width: 100px}
to {width: 200px}
}