Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to make animate.css animation loop

I want to do is the Loading header tag should animate until progress bar reach 100%. Can anyone help me do that?

animate.css link: https://daneden.github.io/animate.css/

current output: http://jsfiddle.net/GZSH6/45/

like image 894
user3671584 Avatar asked May 30 '14 20:05

user3671584


People also ask

How do you repeat an animation in CSS?

The animation-iteration-count property in CSS is used to specify the number of times the animation will be repeated. It can specify as infinite to repeat the animation indefinitely.

Can I add 2 animation in CSS?

You can specify multiple animations--each with their own properties--with a comma.


2 Answers

Animate.css have the infinite class i.e.:

<h1 class="animated infinite bounce">Example</h1>
like image 150
andrepazleal Avatar answered Oct 22 '22 16:10

andrepazleal


Use my modified animate.css and add the forever class to whatever you are animating

Fiddle: http://jsfiddle.net/howderek/GZSH6/49/

like image 19
howderek Avatar answered Oct 22 '22 16:10

howderek