如何解决css中animate不循环的问题

小编给大家分享一下如何解决css中animate不循环的问题，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！

css中可利用animation-iteration-count属性来解决animate不循环问题，该属性定义动画的播放次数，只需要给动画设置"animation-iteration-count:infinite;"样式即可实现无限次循环。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

css中animate不循环，可利用animation-iteration-count属性来解决。

例如：

只正反旋转溢出，没有循环实现旋转，这要怎么做？简单，就利用animation-iteration-count属性来解决。

div {        width: 100px;        height: 100px;        background: pink;        margin: 100px;        animation: mymove 5s;        -webkit-animation: mymove 5s; /* Safari and Chrome */        animation-iteration-count:infinite;        -webkit-animation-iteration-count:infinite;/* Safari and Chrome */}

说明：

使用animation-iteration-count属性定义动画的播放次数。语法：

animation-iteration-count: value;

看完了这篇文章，相信你对"如何解决css中animate不循环的问题"有了一定的了解，如果想了解更多相关知识，欢迎关注行业资讯频道，感谢各位的阅读！