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米代金券、领会最新阿里云产物的种种优惠流动点击进入
相关文章
怎么才能找到真的黑客大户(怎样找到黑客大户团队)
因为现在已经失去了所有的信誉，没人愿意帮我了，打算今天晚上在路边睡吧将就一下，真的没有想到自己活得这么落魄大巴车好像是周一发车，我都不知道该怎么办把自己害得那么惨，真的流浪街头是我自己作的，我把父...
女性尿频是怎么回事（女性尿频、便秘是怎么回事？）
伴随着近几年来节奏快的日常生活，大家广泛觉得来源于社会发展与家庭的多种工作压力，并且年纪的提高人体各类功能慢慢衰微，因此女性的身体素质降低，亚健康状态情况十分普遍。在日常生活之中，女性尿频、严重便...
精选14个增长案例，为你拆解增长心法
我做过一次名为“7周增长案例拆解”的勾当，期间我保持着持续7周，每周拆解2个增长案例的节拍，完成了14个增长勾当的拆解和进修，并总结出6条心得思考，但愿和你分享。 这14个增长案例，别离是： 脉脉...
地震时躲在什么空间里自救存活率较高？5月12日小鸡宝宝考考你答案
蚂蚁庄园小课堂5月12日的问题和发生灾害自救有关，当地震时，我们应该如何自救呢？小鸡宝宝考考你地震发生时，躲在什么空间里自救存活率较高？答对可以领取80g小鸡饲料。快来一起看看今天的蚂蚁庄园答题答案吧...
新手开便利店怎么进货？推荐3个靠谱进货渠道
别看便利店面积不大，为满足顾客的需求，销售的商品种类也不少。商品是便利店的核心，生意好不好，与进货不无关系。 进货时不仅要考虑商品品质和价格，还要考虑顾客的需求和喜好，毕竟只有让顾客满意，才能达成交...
一键重装系统win8教程详解
...
Copyright Your WebSite.Some Rights Reserved.
免责声明:本站所发布的任何网站，全部来源于互联网，版权争议与本站无关。仅供技术交流，如有侵权或不合适，请联系本人进行删除。不允许做任何非法用途！