css3动画怎么住手?

访客4年前黑客文章635

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

相关文章

黑客文具好物推荐(黑客的书籍哪些比较好)

黑客文具好物推荐(黑客的书籍哪些比较好)

有哪些好用的文具? 得力、晨光、白雪、爱好、真彩等品牌的笔好用。得力 文具用品知名品牌、五金工具知名品牌、中国驰名商标、中国文具百环奖、办公文具行业领导品牌。笔类: 一些受欢迎的笔类品牌包括晨光、真彩...

国家黑客实力排名(中国黑客排名第一)

国家黑客实力排名(中国黑客排名第一)

本文导读目录: 1、黑客按国家排名,中国第几? 2、中国最厉害的黑客是谁? 3、目前中国顶尖黑客是谁? 4、我们中国的黑客有多厉害?世界排行数几? 5、中国黑客前5名分别是谁? 6...

运营的短期主义(1):怎么做“新客户”和“新粉丝”的快速拉新?

运营的短期主义(1):怎么做“新客户”和“新粉丝”的快速拉新?

时间就是金钱,因此运营光靠长期主义中输出各种内容未免有点过于闭门造车,而且效率不够高。这时候就需要加入各种各样的活动来辅助运营,达到拉新用户的目的,为后期转化付费做准备。 01 快速拉新的常见手段...

怎么才能姐妹微信已删聊天记录

妈妈喂奶是为了给孩子充足的营养,当宝宝喂完奶后一直哭闹就要警惕了很有可能是中耳炎。喂奶不注意未及时处理可能会到孩子耳朵里面。那么哪些情况下最好不适合给孩子喂奶,下面友谊长存小编就来和大家说一说。 这...

世界上最深的海沟在哪里?4月22日小鸡宝宝考考你今日答题答案

世界上最深的海沟在哪里?4月22日小鸡宝宝考考你今日答题答案

今天支付宝蚂蚁庄园2020年4月22日庄园小课堂的答案是什么呢?蚂蚁庄园庄园小课堂2020年4月22日的问题是【小鸡宝宝考考你,世界上最深的海沟在哪里】。下面小编就为大家带来了答案,不清楚的朋友快来看...

CF端游免费领取各种永久神器 88元礼包2元秒杀

CF端游免费领取各种永久神器 88米礼包2米秒杀 这是CF端游的激爽六月的活动 首次登录可领取英雄补给 每天游戏一局可领取“自选军火库”的一件装备 每天仅限领取一件 最多可领取五件 88米礼...