CSS3 animation-name 属性

最新推荐文章于 2025-05-28 16:06:45 发布

转载最新推荐文章于 2025-05-28 16:06:45 发布 · 597 阅读

7 篇文章

订阅专栏

本文详细介绍了CSS3中动画属性的使用，包括@keyframes规则的定义，以及animation-name、duration、timing-function、delay、iteration-count、direction、play-state和fill-mode等属性的作用和设置方法。

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

属性	描述	CSS
@keyframes	规定动画。	3
animation	所有动画属性的简写属性，除了 animation-play-state 属性。	3
animation-name	规定 @keyframes 动画的名称。	3
animation-duration	规定动画完成一个周期所花费的秒或毫秒。	3
animation-timing-function	规定动画的速度曲线。	3
animation-delay	规定动画何时开始。	3
animation-iteration-count	规定动画被播放的次数。	3
animation-direction	规定动画是否在下一周期逆向地播放。	3
animation-play-state	规定动画是否正在运行或暂停。	3
animation-fill-mode	规定对象动画时间之外的状态。