Skip to content

Instantly share code, notes, and snippets.

@anhtran
Created May 13, 2013 09:42
Show Gist options
  • Save anhtran/5567215 to your computer and use it in GitHub Desktop.
Save anhtran/5567215 to your computer and use it in GitHub Desktop.
How many times you want to repeat the effects from animate.css?
/*
USAGE: <div class="swing animated loop3"></div>
*/
.loop1 {
animation-iteration-count:1;
-moz-animation-iteration-count:1;
-webkit-animation-iteration-count:1;
}
.loop2 {
animation-iteration-count:2;
-moz-animation-iteration-count:2;
-webkit-animation-iteration-count:2;
}
.loop3 {
animation-iteration-count:3;
-moz-animation-iteration-count:3;
-webkit-animation-iteration-count:3;
}
.loop4 {
animation-iteration-count:4;
-moz-animation-iteration-count:4;
-webkit-animation-iteration-count:4;
}
.loop5 {
animation-iteration-count:5;
-moz-animation-iteration-count:5;
-webkit-animation-iteration-count:5;
}
.loop_inf {
animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment