SASS keyframes mixin

gistfile1.sass

@mixin animation($options...) {
  $random: random(9999);
  $animation_name: "animation_#{$random}";

  -webkit-animation: $animation_name $options;
  -moz-animation: $animation_name $options;
  -ms-animation: $animation_name $options;
  animation: $animation_name $options;

  @at-root {
    @-webkit-keyframes $animation_name {
      @content;
    }
    @-moz-keyframes $animation_name {
      @content;
    }
    @-ms-keyframes $animation_name {
      @content;
    }
    @keyframes $animation_name {
      @content;
    }
  }
}

.example {
  @include animation() {
    0% { top: 0; }
    50% { top: 50px; }
    100% { top: 100px; }
  }
}