css3动画怎么住手？
动画是使米素从一种样式逐渐转变为另一种样式的效果。您可以改变随便多的样式随便多的次数。请用百分比来划定转变发生的时间，或用关键词 "from" 和 "to"，等同于 0% 和 100%。
CSS3的animation直接提供一个animation-play-state的样式来控制动画的暂停处置。增添一个控制暂停样式，写动画样式的时刻特别注重下差别浏览器的兼容性，加上对应的前缀。
示例：
css3使用animation--play-state属性设置动画住手运行。
<html><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
div
{
width:100px;
height:100px;
background:red;
position:relative;
animation:mymove 5s;
animation-play-state:paused;
/* Safari and Chrome */
-webkit-animation:mymove 5s;
-webkit-animation-play-state:paused;
}
@keyframes mymove
{
from {left:0px;}
to {left:200px;}
}
@-webkit-keyframes mymove /* Safari and Chrome */
{
from {left:0px;}
to {left:200px;}
}
</style>
</head>
<body>
<p><strong>注重:</strong> animation-play-state属性不兼容 Internet Explorer 9以及更早版本的浏览器.</p>
<div></div>
</body>
</html>
animation--play-state属性指定动画是否正在运行或已暂停。
注重：在JavaScript中使用此属性在一个周期中暂停动画。
animation-play-state: paused|running;
paused 指定暂停动画
running 指定正在运行的动画
1.阿里云: 本站现在使用的是阿里云主机，平安/可靠/稳固。点击领取2000米代金券、领会最新阿里云产物的种种优惠流动点击进入
相关文章
偷偷查看兄弟QQ聊天记录
. 对于新手爸妈来说，要掌握正确的冲奶粉方式，因此对于一些父母来说，很容易出现错误的冲奶粉方式，尤其是有些宝妈想着多给宝宝一些营养，多喝些奶粉，将奶粉冲的过浓，其实这对宝宝来说并不好，那么，新手爸妈...
iOS系统被曝存在安全漏洞 苹果已着手修复
新智元讯 中国北京时间7月8日零晨信息，iPhone周四表明，正着眼于恢复iPhone以及他商品的一个系统软件网络安全问题。该系统漏洞很有可能导致用户保密信息遭窃，或语音聊天遭受监听。 ...
大象一般是通过什么方式防晒的？蚂蚁庄园每日问题答案5月16日
支付宝的蚂蚁庄园小鸡问答是每天都会有不同的答题出现，一方面丰富我们的知识，另一方面也增加了养护小鸡的乐趣，就像今天支付宝蚂蚁庄园小鸡问答就出现了蚂蚁庄园每日问题答案5月16日问题：大象一般是通过什么方...
专家教你定位他人位置无需同意，微信定位好友
11月30日，腾讯视频自制美食纪录片IP「一日之食」第二部《向着宵夜的方向》上线，该片将镜头对准城市夜景烟火气，以微纪录片的形式，融入店主生活、融合城市气息，向观众呈现全国各地不同的美食文化与人文风情...
上海挂号网（皮肤病医院全国十大排名）
上海挂号网（皮肤病医院全国十大排名） 网络图片 上海市卫生健康委6月20日下午召集7家第三方预约挂号平台，明确有关预约挂号管理规定，要求规范、诚信提供预约服务，不得提供任何形式的加价预约挂号服务。...
手绘黑客帝国人物（画黑客的样子）
本文导读目录： 1、PS制作黑客帝国风格的人物照片 2、关于黑客帝国动画版 3、黑客帝国里那个戴墨镜的是谁？ 4、黑客帝国讲述的是什么故事? 5、谁能提供《黑客帝国》的全部人物名单？...
Copyright Your WebSite.Some Rights Reserved.
免责声明:本站所发布的任何网站，全部来源于互联网，版权争议与本站无关。仅供技术交流，如有侵权或不合适，请联系本人进行删除。不允许做任何非法用途！