热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

CSS3animation-name属性怎么用?

​css3animation-name属性是用来检索或设置对象所应用的动画名称,必须与@keyframes配合使用,因为动画名称由@keyframes定义;如果有多个属性值,可以用逗号进行分隔。
css3 animation-name属性是用来检索或设置对象所应用的动画名称,必须与@keyframes配合使用,因为动画名称由@keyframes定义 ;如果有多个属性值,可以用逗号进行分隔。

css3 animation-name属性

作用:animation-name 属性为 @keyframes 动画规定名称。

语法:

animation-name: keyframename|none;

keyframename:规定需要绑定到选择器的 keyframe 的名称。

none:规定无动画效果(可用于覆盖来自级联的动画)。

注:需始终设置 animation-duration 属性,否则当时长为 0时,就不会播放动画了。

css3 animation-name属性的使用示例







注释:Internet Explorer 9 以及更早的版本不支持 animation-name 属性。

注释:始终规定 animation-duration 属性,否则时长为 0,就不会播放动画了。

效果图:

以上就是本篇文章的全部内容,希望能对大家的学习有所帮助。更多精彩内容大家可以关注 第一PHP社区 相关教程栏目!!!

以上就是CSS3 animation-name属性怎么用?的详细内容,更多请关注 第一PHP社区 其它相关文章!


推荐阅读
author-avatar
深耐猪老汉11_245
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有