css3动画怎么住手？

访客4年前 (2021-04-05)黑客文章632

动画是使米素从一种样式逐渐转变为另一种样式的效果。您可以改变随便多的样式随便多的次数。请用百分比来划定转变发生的时间，或用关键词 "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米代金券、领会最新阿里云产物的种种优惠流动点击进入

返回列表

上一篇：怎么使用135编辑器排版（135编辑器COO教你,微信排版的六大终极秘籍）

下一篇：物联网安全计划中必须包含的3件事

怎么能在家赚钱（8种在家赚钱的可靠方法）

现在是高科技时代，慢慢靠近的2018年，也是告诉发展的时代，有很多赚钱的方式不用东奔西跑，在家里就可以赚钱，今天小编就给您推荐8个可以在家赚钱的方法。 1、开直播，做网红回望2016年，是网...

梦幻西游变异鬼怎么杀(奖励竟然可以获得大五宝

梦幻西游这个游戏已经越来越吸引大众的眼球了。那么经常玩梦幻西游的玩家和喜欢玩梦幻西游的玩家，一定都对捉鬼不陌生。抓十个鬼是会给奖励的，但是可能因为事态不大好，捉到第十个鬼的奖励真的是越来越差劲了。好在...

女人做什么行业挣钱（最有赚钱潜力的十大行业

有很多的同学是非常的想知道，女人做什么生意赚钱，最吃香的行业有哪些，小编整理了相关信息，希望会对大家有所帮助！ 1女人做什么生意赚钱 1、奶茶店休闲消费兴起，比起传统餐饮业，奶茶饮品市场份...

怎么找黑客帮自己写软件,美国网络黑客网站

一、怎么帮自己写软件怎么找黑客 1、怎么信誉的黑客可以修改这只猫与支付宝有着深厚的合作关系。怎么帮自己写软件免费网盗黑客让WWW正常工作。接单网站主要原因有两个：一方面，互联网上有越来越多的电脑，这也...

网吧用什么路由器比较好（为什么那么多人玩没

上周末5月6日，第3届《王者荣耀》城市赛北京站的首轮海选赛落下帷幕，40支队伍近200多名玩家参与了这场比赛，胜出比赛的冠军与亚军分别是TBG战队和TL战队，冠亚军获得3000元、2000元奖金，并取...

牌九黑客,为什么黑客软件不是windows,黑客技术攻击网站

指的是服务器上的第三方软件的危险，例如FLASH、FTP程序等导致的缝隙，特别是运用了一些破解程序的站点。针对这类状况期望站长可以运用正版程序或自行评价破解程序的安全系数后运用，而且可以及时重视缝隙...

找黑客平台