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:此属性定义动画执行的时长。默认值为0,意味着动画并不会执行。时长可以使用秒(s)或毫秒(ms)来表示。
animation-timing-function:此属性定义动画的过渡效果。默认值是linear,表示动画在整个持续时间内匀速执行。其他可用的值有:ease、ease-in、ease-out、ease-in-out、cubic-bezier(x1,y1,x2,y2),其中cubic-bezier参数指定贝塞尔曲线的控制点,用于自定义过渡效果。
animation-delay:此属性定义动画启动的延迟时间。默认值为0s。可以使用s或ms来表示。如果值为负数,则动画会立即开始执行。
animation-iteration-count:此属性定义动画重复播放的次数。默认值为1,可以设置为infinite表示无限次重复播放。
animation-direction:此属性定义动画播放的方向。默认值是normal,表示动画正常播放。other可用值有:alternate、alternate-reverse、reverse。
animation-fill-mode:此属性定义动画执行完毕后的样式。默认值是none,表示不改变任何样式。可用的值有:forwards(保留最后一帧的样式)、backwards(改变第一帧的样式)、both(同时改变首尾帧的样式)。
animation-play-state:此属性定义动画的播放状态。默认值为running,表示动画正在播放中。可用的值有:paused(暂停)和running(运行)。