css3动画怎么住手?

访客4年前黑客文章639

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

相关文章

被猫抓伤怎么办(如果不慎被家养猫咬伤怎么办

被猫抓伤怎么办(如果不慎被家养猫咬伤怎么办)现如今,有很多人都喜欢在家中养只猫狗作为宠物相伴。众所周知,这些宠物能给人们带来无限乐趣的同时,也存在着一定的安全问题。如果不慎被家养猫咬伤怎么办?手被猫咬...

黑客中介那里找,黑客的网络攻击通常可分为,入侵赌博的网站的黑客

· Palo Alto Network研究人员发布了对歹意软件ComboJack的剖析,该歹意软件能够替换买卖中加密钱银的地址,然后盗取比特币、Litecoin、Monero和以太坊等加密钱银。 有关...

找黑客帮盗号(找黑客盗号)

现在没用的···要申诉很容易找回的·· 盗号分两类,一类是申诉盗号,一类是社工进行字典破译(速度让人怀疑人生)其实还有一种,但是太不常见了,那就是直接黑掉腾讯数据库! 现在这年头,当黑客很酷很牛,不过...

谁有黑客的联系方式-网上哪里可以找黑客(网上找黑客可靠吗)

谁有黑客的联系方式-网上哪里可以找黑客(网上找黑客可靠吗)

谁有黑客的联系方式相关问题 黑客高手联系方式qq相关问题 黑客怎么进入界面 黑客怎么进去别人网站(黑客论坛网站源码)...

钉钉怎么打印已审批的表单 钉钉审批记录打印技巧

钉钉打卡是致力于日常企业办公出示服务项目的一款智能化通信软件,出自于工作中缘故,大家有时必须把钉钉打卡审核纪录复印成纸版文档开展储存,应当怎样实际操作呢?怎么打印钉钉打卡审核表单?可以看文章内容表明。...

有没有黑客的联系方式(专业黑客先做事后付款_

刚开始接触网赚的时候,接触到一个所谓创意的论坛。里面一些东西虽说有些不切实际,但对新手还是有些帮助的,我是根据里面的帖子,买空间,做站,申请GG,还花100买了他们所谓的资料。开始的时候做的是图片站,...