css animation-iteration-count属性是用于定义动画播放次数的;设置animation-iteration-count属性的值为infinite,就可实现动画的无限循环播放。
css animation-iteration-count属性怎么用?
作用:animation-iteration-count 属性定义动画的播放次数。
语法:
animation-iteration-count: n|infinite;
说明:n 定义动画播放次数的数值。infinite 规定动画应该无限次播放。
注释:internet explorer 9 以及更早的版本不支持 animation-iteration-count 属性。
css animation-iteration-count属性使用示例
<!doctype html><html><head><style> div{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><strong>注释:</strong>internet explorer 9 以及更早的版本不支持 animation-iteration-count 属性。</p><div></div></body></html>
效果:
以上就是css animation-iteration-count属性怎么用的详细内容。