💎一站式轻松地调用各大LLM模型接口,支持GPT4、智谱、星火、月之暗面及文生图 广告
# CSS3 animation-name 属性 ## 实例 为 @keyframes 动画规定一个名称: ``` div { animation:mymove 5s infinite; -webkit-animation:mymove 5s infinite; /* Safari 和 Chrome */ } ``` ## 浏览器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | Internet Explorer 10、Firefox 以及 Opera 支持 animation-name 属性。 Safari 和 Chrome 支持替代的 -webkit-animation-name 属性。 注释:Internet Explorer 9 以及更早的版本不支持 animation-name 属性。 ## 定义和用法 animation-name 属性为 @keyframes 动画规定名称。 注释:请始终规定 animation-duration 属性,否则时长为 0,就不会播放动画了。 | 默认值: | none | | --- | --- | | 继承性: | no | | --- | --- | | 版本: | CSS3 | | --- | --- | | JavaScript 语法: | _object_.style.animationName="mymove" | | --- | --- | ## 语法 ``` animation-name: _keyframename_|none; ``` | 值 | 描述 | | --- | --- | | _keyframename_ | 规定需要绑定到选择器的 keyframe 的名称。 | | none | 规定无动画效果(可用于覆盖来自级联的动画)。 | ## 相关页面 CSS3 教程:[CSS3 动画](/css3/css3_animation.asp "CSS3 动画")