css3 animation-iteration-count属性

原创 PHP笔记  2017-09-19 17:48  阅读 792 views 次

在css中,animation-iteration-count属性是用来设置动画应该播放多少次的。

animation-iteration-count属性值

  • 数字:设置播放多少次动画。
  • infinite:动画应该播放无限次。

语法格式:

animation-iteration-count: 数字/infinite;

实例:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css animation-iteration-count属性笔记</title>
<style>
#aic
{
width:200px;
height:100px;
background:red;
position:relative;
animation:mymove 5s;
animation-iteration-count:2;
}
@keyframes mymove
{
from {left:0px;}
to {left:200px;}
}
</style>
<head/>
<body>
<div id="aic"></div>
</body>
</html>

运行结果:

动画简写属性——>css3 animation动画属性笔记

本文地址:https://www.ggbiji.com/css-animation-iteration-count.html
版权声明:本文为 PHP笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情