css动画的属性和取值
时间: 2023-05-26 11:03:37 浏览: 113
CSS3 动画属性(Animation)属性
CSS动画的属性和取值如下:
属性:
1. animation-name - 设置动画名称
2. animation-duration - 设置动画持续时间
3. animation-timing-function - 设置动画的运动曲线
4. animation-delay - 设置动画延迟时间
5. animation-iteration-count - 设置动画次数
6. animation-direction - 设置动画方向
7. animation-fill-mode - 设置动画结束后的状态
8. animation-play-state - 设置动画的播放状态
取值:
1. animation-name: 单词或字符串,指定动画的名称。
2. animation-duration: 时间值,单位是秒或毫秒,指定动画的时长。
3. animation-timing-function: 单词或函数,指定动画的变化速度。
4. animation-delay: 时间值,单位是秒或毫秒,指定动画延迟的时间。
5. animation-iteration-count: 数字或单词,指定动画的播放次数。
6. animation-direction: 单词,指定动画的方向。
7. animation-fill-mode: 单词,指定动画结束后元素的状态。
8. animation-play-state: 单词,指定动画的播放状态。
以上属性和数值都是CSS中的常用设置,在CSS动画中也同样适用。其中,animation-name和animation-duration是必填项,其他属性都有默认值可以不设置。
阅读全文