animation-iteration-count属性是用于定义动画播放次数的,设置animation-iteration-count属性的值为infinite,就可实现动画的无限循环播放。
CSS3 animation-iteration-count属性
作用:animation-iteration-count 属性定义动画的播放次数。
语法:
animation-iteration-count: n|infinite;
n:定义动画播放次数的数值。
infinite:规定动画应该无限次播放。
注:internet Explorer 9 以及更早的版本不支持 animation-iteration-count 属性。
CSS3 animation-iteration-count属性的使用示例
设置动画循环3次
<!DOCTYPE html><html><head><style> p{width:100px;height:100px;background:red;position:relative;animation:mymove 3s;animation-iteration-count:3;/* Safari and Chrome */-webkit-animation:mymove 3s;-webkit-animation-iteration-count:3;}@keyframes mymove{from {top:0px;}to {top:200px;}}@-webkit-keyframes mymove /* Safari and Chrome */{from {top:0px;}to {top:200px;}}</style></head><body><p></p></body></html>
效果图:
感谢你能够认真阅读完这篇文章,希望小编分享animation-iteration-count属性的使用方法内容对大家有帮助,同时也希望大家多多支持本站,关注本站行业资讯频道,遇到问题就找本站,详细的解决方法等着你来学习!
本文由 贵州做网站公司 整理发布,部分图文来源于网络,如有侵权,请联系我们删除,谢谢!
现在微信小程序的增长速度远超我们想象,因为大家都知道小程序不像APP那么繁重,开发的费用、运营的成本、占据的内存都没有APP高,所以现在的企业都更青睐于微信小程...
对于企业而言没有一个公众号是一件很稀罕的事,企业往线上发展基本上都不会错过微信公众号这个免费宣传平台。婚纱摄影行业如今成为了很多新人必选的,但是婚纱摄影行业主要...
微信公众号代运营在我们的生活中很常见,因为现在的企业都想用比较便宜的价格做好一方面的运营,微信公众号运营如果自己组建团队,需要支付比代运营团队更高的价格,还不一...
@真智新坐标如果不是自己手机下单,但是知道快递单号,如何快速查询该号的物流轨迹?走了一段弯路还发现了一个很有用的APP。以前我们店主进货的时候会把货物的快递单号发到微信上,这样我们就可以随时查看货物的物流轨迹。发货人使用的快递公司经常更换。如果发货人用的是大云快递,我会先在网上搜索“大云快递单号查询”,然后输入运单号,找到货物的物流轨迹。如果发货人用的是百世快递,我会在网上输入百世快递单号进行查询...
昆虫用来进食的器官叫做口器,也叫摄食器,就像人的嘴一样。昆虫的口器由头后部的三对附肢和头部结构的一部分组成,主要具有取食和感觉功能。由于昆虫取食分化的复杂性,取食方式多种多样,其口器结构也各不相同。昆虫的口器一般分为以下几类:1.咀嚼口器:吃固体食物。2.吸收口器:摄取流质食物。吸口器可分为刺口器、锉口器、虹吸口器、吸口器、抓口器、刮口器等。3.咀嚼-吮吸口器:吃固体和液体食物。1. 咀嚼式口器这...
华西村是怎么富起来的?华西村就是靠走公有制的集体道路,才让村里的大部分村民都富起来。华西村隶属于江苏省江阴市华士镇,是一个享誉全国、世界知名的村庄。这个村子创造了一个个惊人奇迹,成为共同富裕的典范和中国农村改革的样本,被誉为“天下第一村”。然而,半个多世纪以前,华西村也是贫困落后的村庄,不仅粮食生产没有保障,一遇自然灾害农民们不是背井离乡就是家破人亡。如今,华西村是中国最富...