css中的animation-name属性怎么用

小编给大家分享一下css中的animation-name属性怎么用，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！
　　css3animation-name属性
　　作用：animation-name属性为@keyframes动画规定名称。
　　语法：
　　animation-name:keyframename|none;
　　keyframename：规定需要绑定到选择器的keyframe的名称。
　　none：规定无动画效果（可用于覆盖来自级联的动画）。
　　注：需始终设置animation-duration属性，否则当时长为0时，就不会播放动画了。
　　css3animation-name属性的使用示例
　　

　　div
　　{
　　width:100px;
　　height:100px;
　　background:red;
　　position:relative;
　　animation-name:mymove;
　　animation-duration:5s;
　　/*SafariandChrome*/
　　-webkit-animation-name:mymove;
　　免费云主机域名-webkit-animation-duration:5s;
　　}
　　@keyframesmymove
　　{
　　from{left:0px;}
　　to{left:200px;}
　　}
　　@-webkit-keyframesmymove/*SafariandChrome*/
　　{
　　from{left:0px;}
　　to{left:200px;}
　　}
　　
　　
　　
　　注释：InternetExplorer9以及更早的版本不支持animation-name属性。
　　
　　注释：始终规定animation-duration属性，否则时长为0，就不会播放动画了。
　　
　　

看完了这篇文章，相信你对“css中的animation-name属性怎么用”有了一定的了解，如果想了解更多相关知识，欢迎关注百云主机行业资讯频道，感谢各位的阅读！

相关推荐: CentOS 7如何安装配置MySQL 5.7

小编给大家分享一下CentOS 7如何安装配置MySQL 5.7，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！概述前文记录了在Windows系统中安装配置MySQL 5.7，由于安装部署大数据环境需要，现在要在CentOS 7系统中安装配…