css中的animation-play-state属性怎么用

云天博客 • 09/06 15:30 • 程序猿 • 阅读 17

这篇文章给大家分享的是有关css中的animation-play-state属性怎么用的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。
　　CSS3animation-play-state属性
　　作用：animation-play-stat免费云主机域名e属性规定动画正在运行还是暂停。
　　语法：
　　animation-play-state:paused|running;
　　paused：规定动画已暂停。
　　running：规定动画正在播放。
　　说明：您可以在JavaScript中使用该属性，这样就能在播放过程中暂停动画。
　　注：InternetExplorer9以及更早的版本不支持animation-play-state属性。
　　CSS3animation-play-state属性的使用示例
　　

　　div
　　{
　　width:100px;
　　height:100px;
　　background:red;
　　position:relative;
　　animation:mymove5s;
　　animation-play-state:running;
　　/*SafariandChrome*/
　　-webkit-animation:mymove5s;
　　-webkit-animation-play-state:running;
　　}
　　div:hover{
　　animation-play-state:paused;
　　-webkit-animation-play-state:paused;
　　}
　　@keyframesmymove
　　{
　　from{left:0px;}
　　to{left:200px;}
　　}
　　@-webkit-keyframesmymove/*SafariandChrome*/
　　{
　　from{left:0px;}
　　to{left:200px;}
　　}
　　
　　
　　
　　
　　
　　

感谢各位的阅读！关于“css中的animation-play-state属性怎么用”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！

相关推荐: python中爬虫常用到的正规表达式是什么

本篇内容主要讲解“python中爬虫常用到的正规表达式是什么”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“python中爬虫常用到的正规表达式是什么”吧!　　爬虫四个主要步骤：　　• 明确目标 (要知道你准备在哪个…