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
定义一个动画是否运行或者暂停。可以通过查询它来确定动画是否正在运行。另外,它的值可以被设置为暂停和恢复的动画的重放。
恢复一个已暂停的动画,将从它开始暂停的时候,而不是从动画序列的起点开始在动画。