C3动画属性

小杨得努力

于 2023-05-26 14:35:08 发布

阅读量182

点赞数

CC 4.0 BY-SA版权

文章标签：动画

本文链接：https://blog.csdn.net/weixin_49670278/article/details/130886334

@keyframes用于定义CSS动画，animation是一个简写属性，包括name、duration、timing-function、delay、iteration-count、direction和fill-mode等关键参数。animation-name指定动画名称，duration设定时长，timing-function控制速度曲线，iteration-count定义播放次数，direction可选择正常播放或反向，play-state决定动画运行或暂停，fill-mode则影响动画结束后的状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

属性以及含义
@keyframes 定义动画
animation   所有动画属性的简写属性，除了animation-play-state属性。
animation-name（必须写）   规定@keyframes动画的名称。
animation-duration（必须写）   规定动画完成一个周期所花费的秒或毫秒，默认是0。
animation-timing-function   规定动画的速度曲线，默认是"ease"。
animation-delay   规定动画何时开始，默认是0
animation-iteration-count   规定动画被播放的次数，默认是1，还有infinite（循环）
animation-direction   规定动画是否在下一-周期逆向播放，默认是"normal ",alternate逆播放
animation-play-state   规定动画是否正在运行或暂停。默认是"running",还有"paused"（暂停）。
animation-fill-mode   规定动画结束后状态,保持forwards，回到起始backwards