A simple mixins to use CSS3 anmiations in SASS with all vendor prefixes and the possibility to set any specific animation property.

_animation.scss

@mixin animation($value) {
  -webkit-animation: unquote($value);
     -moz-animation: unquote($value);
       -o-animation: unquote($value);
          animation: unquote($value);
}

@mixin animation-property($property, $value) {
  -webkit-animation-#{$property}: unquote($value);
     -moz-animation-#{$property}: unquote($value);
       -o-animation-#{$property}: unquote($value);
          animation-#{$property}: unquote($value);
}

@mixin keyframes($name) {
  @-webkit-keyframes #{$name} { @content; }
     @-moz-keyframes #{$name} { @content; }
       @-o-keyframes #{$name} { @content; }
          @keyframes #{$name} { @content; }
}

Example:

A button that changes it's background color in an infinite loop, while the process it triggered is working:

button {
    &.working {
        @include animation('working-bg 0.5s');
        @include animation-property('iteration-count', 'infinite');
    }
}
@include keyframes('working-bg') {
    from { background-color: rgba(#090, 0); }
    to { background-color: rgba(#090, 0.5); }
}