咨询热线:15811653920

2009-2017

我们一直走在国际设计的前沿,追求与研究从未停止

我的位置:首页 > 学院 > 建站知识

【CSS3教程】之animation的animation-iteration-count属性

设置动画应运行多少次

animation-iteration-count 属性指定动画应运行的次数。


下面的例子在停止前把动画运行 3 次:


实例

div {

  width: 100px;

  height: 100px;

  position: relative;

  background-color: red;

  animation-name: example;

  animation-duration: 4s;

  animation-iteration-count: 3;

}


下面的例子使用值 "infinite" 使动画永远持续下去:

实例

div {

  width: 100px;

  height: 100px;

  position: relative;

  background-color: red;

  animation-name: example;

  animation-duration: 4s;

  animation-iteration-count: infinite;

}

想了解更多,请访问齐创互联,需要网站建设,浏览快速建站模板快速建站
点击在线客服联系客服,联系电话:15811653920 联系人: 丁生.


感谢您关注我们,如果您有建站需求,请与我们取得联系。
扫一扫上面的二维码图案,加我微信
扫一扫上面的二维码图案,加我微信
咨询直线:15811653920 丁生

建站模板

Web Templates

建站龙头,低价保证,贴心服务

权威认证建站龙头企业,合理定价,实现与客户的长期合作,30万家企业级用户优选!