Skip to content

Instantly share code, notes, and snippets.

@bumpux
Last active December 11, 2015 07:39
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save bumpux/4567791 to your computer and use it in GitHub Desktop.
Save bumpux/4567791 to your computer and use it in GitHub Desktop.
A LESS mixin to tweak options in animate.css (https://github.com/daneden/animate.css). Once in place you can do: .animated-tweaker(1.2s, 0.1s, 1); //duration, delay, repeats
.animated-tweaker (@duration: 1.1s, @delay: 0.5s, @repeats: 1) {
-webkit-animation-duration: @duration;
-moz-animation-duration: @duration;
-ms-animation-duration: @duration;
-o-animation-duration: @duration;
animation-duration: @duration;
-webkit-animation-delay: @delay;
-moz-animation-delay: @delay;
-ms-animation-delay: @delay;
-o-animation-delay: @delay;
animation-delay: @delay;
-webkit-animation-iteration-count: @repeats;
-moz-animation-iteration-count: @repeats;
-ms-animation-iteration-count: @repeats;
-o-animation-iteration-count: @repeats;
animation-iteration-count: @repeats;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment