animation-iteration-count属性定义动画应该播放多少次

来源：网络整理时间：2023/2/14 0:42:36 共 3675 浏览

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<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 及更早 IE 版本浏览器不支持 animation-iteration-count 属性。</p>

<div></div>

</body>
</html>

版权说明：
本网站凡注明“广州松河原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：jquery 页面滚动到指定位置 | ·下一条：css实现鼠标移动图片居中放大效果