CSS animation-name 属性为定义元素动画的@keyframes提供名称。这些规则以逗号分隔的序列形式列出,用于描述动画行为。
语法
属性值
值 | 描述 |
---|---|
keyframes | 这指定了要应用于选择器的关键帧的名称 |
none | 这指定不会有任何动画,并且是默认值。 |
initial | 这会将属性设置为其初始值。 |
inherit | 这将继承父元素的属性。 |
CSS animation-name 属性示例
下面列出的示例将说明具有不同值的 animation-name 属性。
带有关键帧的动画名称
在示例中,已经创建了一个描述动画的关键帧,名称为 slide,它与 .box 类链接,该类使用这些规则来制作盒子的动画。
none 的动画名称
当动画名称设置为 none 时,不会发生任何动画。在此示例中,动画名称已设置为 none,因此该框是静态的。
支持的浏览器
属性 | ![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|---|
animation-name | 43.0 | 10.0 | 16.0 | 9.0 | 30.0 |