A little convenient SASS mixin for Animate.css

gistfile1.scss

/**
 * A little convenient SASS mixin for Animate.css (https://daneden.me/animate/)
 * by @urre 131219
 * Usage: @include superanimate(fadeInUp, 1.2s, .6s);
 */

@mixin superanimate($animationtype, $duration, $delay) {

  opacity                          :1;

  -webkit-backface-visibility      : hidden;
  -moz-backface-visibility         : hidden;
  -ms-backface-visibility          : hidden;
  -o-backface-visibility           : hidden;
  backface-visibility              : hidden;

  -webkit-animation                : $animationtype;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-duration       : $duration;
  -webkit-animation-delay          : $delay;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode      : both;

  -moz-animation                   : $animationtype;
  -moz-animation-iteration-count   : 1;
  -moz-animation-duration          : $duration;
  -moz-animation-delay             : $delay;
  -moz-animation-timing-function   : ease;
  -moz-animation-fill-mode         : both;

  -ms-animation                    : $animationtype;
  -ms-animation-iteration-count    : 1;
  -ms-animation-duration           : $duration;
  -ms-animation-delay              : $delay;
  -ms-animation-timing-function    : ease;
  -ms-animation-fill-mode          : both;

  -o-animation                     : $animationtype;
  -o-animation-iteration-count     : 1;
  -o-animation-duration            : $duration;
  -o-animation-delay               : $delay;
  -o-animation-timing-function     : ease;
  -o-animation-fill-mode           : both;

  animation                        : $animationtype;
  animation-iteration-count        : 1;
  animation-duration               : $duration;
  animation-delay                  : $delay;
  animation-timing-function        : ease;
  animation-fill-mode              : both;

}