css animation

animation 是
animation-name,
animation-duration,
animation-timing-function,
animation-delay,
animation-iteration-count,
animation-direction,
animation-fill-mode,
animation-play-state
这些属性的一个简写形式。

animation-name

指定应用的一系列动画，每个名称代表一个由@keyframes定义的动画序列。

animation-duration

一个动画周期的时长，单位为秒(s)或者毫秒(ms)，无单位值无效。

animation-timing-function

animation-delay

从动画样式应用到元素上到元素开始执行动画的时间差。该值可用单位为秒(s)和毫秒(ms)。如果未设置单位，定义无效。

animation-iteration-count

动画播放的次数；默认值为1。可以用小数定义循环，来播放动画周期的一部分：例如，0.5 将播放到动画周期的一半。不可为负值。

animation-direction

指示动画是否反向播放

animation-fill-mode

设置CSS动画在执行之前和之后如何将样式应用于其目标

animation-play-state

定义一个动画是否运行或者暂停。可以通过查询它来确定动画是否正在运行。另外，它的值可以被设置为暂停和恢复的动画的重放。

恢复一个已暂停的动画，将从它开始暂停的时候，而不是从动画序列的起点开始在动画。