How can I make my animate.css animation loop forever?

How can I make my animate.css animation last forever? I tried to use animationIterationCount = "infinite". However, this doesn’t seem to have worked.

This is the plugin I’m using. import { Flash } from 'animate-css-styled-components';

 <Flash duration=".8s" delay="1s" animationIterationCount = "infinite">
 <Button primary>LOG IN <AiFillLock /></Button>
 </Flash>

Thank you!

Answer

you’d need to use iterationCount as the prop.

<Flash duration=".8s" delay="1s" iterationCount="infinite" >
 <Button primary>LOG IN <AiFillLock /></Button>
</Flash>

And ensure you have styled-component installed.

Advertisement

Answer