Shulou(Shulou.com)06/02 Report--

Xiaobian to share with you how to solve the problem of animate not circulating in css, I hope you have gained something after reading this article, let's discuss it together!

Css can use animation-iteration-count attribute to solve the animate non-loop problem, this attribute defines the number of animation playback times, just need to set the animation "animation-iteration-count:infinite;" style to achieve infinite loop.

Operating environment of this tutorial: Windows 7 system, CSS3 && HTML5 version, Dell G3 computer.

Animate does not loop in css, which can be solved by using animation-iteration-count attribute.

For example:

div { width: 100px; height: 100px; background: pink; margin: 100px; animation: mymove 5s; -webkit-animation: mymove 5s; /* Safari and Chrome */ } @keyframes mymove { 50% { transform: rotate(360deg); } } @-webkit-keyframes mymove{ /* Safari and Chrome */ 50% { transform: rotate(360deg); } }

Only positive and negative rotation overflow, no cycle to achieve rotation, how to do this? Simple, just use the animation-iteration-count attribute to solve it.

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 */}

Description:

Use the animation-iteration-count property to define the number of times the animation plays. Grammar:

animation-iteration-count: value; value description n a number, defining how many times animation should be played infinite specify animation should be played infinite times (forever) after reading this article, I believe you have a certain understanding of "how to solve the problem of animation not looping in css", if you want to know more related knowledge, welcome to pay attention to the industry information channel, thank you for reading!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.