animation所有属性
时间: 2023-08-12 14:02:04 浏览: 42
Animation属性可以应用于元素来创建动画效果。以下是一些常用的Animation属性:
1. animation-name:指定要使用的关键帧动画的名称。
2. animation-duration:指定动画的持续时间。
3. animation-timing-function:指定动画的时间函数,控制动画在持续时间内的速度变化。
4. animation-delay:指定动画开始之前的延迟时间。
5. animation-iteration-count:指定动画循环的次数,可以使用关键字如"infinite"表示无限循环。
6. animation-direction:指定动画的播放方向,可以是"normal"(正向播放)或"reverse"(反向播放)。
7. animation-fill-mode:指定动画完成后元素的样式状态,可以是"none"(保持原样)、"forwards"(保持最后一个关键帧的样式)或"backwards"(保持第一个关键帧的样式)。
8. animation-play-state:指定动画的播放状态,可以是"running"(运行中)或"paused"(暂停)。
9. animation-iteration-count:指定动画循环的次数,可以使用关键字如"infinite"表示无限循环。
10. animation-direction:指定动画的播放方向,可以是"normal"(正向播放)或"reverse"(反向播放)。
这些属性可以通过CSS样式表中的`@keyframes`规则定义关键帧动画,并通过`animation`属性应用到元素上。