Css动画属性-animation

animation 属性是一个简写属性，用于设置六个动画属性：

animation-name

animation-duration

animation-timing-function

animation-delay

animation-iteration-count

animation-direction

animation-fill-mode

animation-play-state

分别表示动画：[动画名称] [动画持续时间] [动画计时功能] [动画延迟] [动画迭代计数] [动画方向] [动画填充模式] [动画播放状态] ;

官方说法：

句法：动画：<单动画>

<单动画> = <时间> || <单定时功能> || <时间> || || <单个动画方向> || <单一动画填充模式> || <单一动画播放状态> || <单个动画名称>

初始值：无0s缓解0s 1正常无;这是每个长期属性的初始值的串联

适用于：所有元素;和::before和::after伪元素

可动画设置：否

使用注意事项：

1.在同时使用animation-durationand和animation-delay属性时，需要按照该顺序排列。

2.如果在定义中有两个值，第一个被视为动画持续时间，第二个被视为动画延迟。

3.任何值在没有设置的情况下都是默认值，所以必须要指定动画名称，要不就应用不了动画。

如果不设置动画持续时间，她的默认值也是0秒，动画效果也会同时发生，设置的关键帧就就没有效果了。