liamegan
9/12/2014 - 5:21 PM

Generated by SassMeister.com.

Generated by SassMeister.com.

@keyframes test {
  80% {
    -moz-transform: scale(0.02) rotate(0);
    -ms-transform: scale(0.02) rotate(0);
    -webkit-transform: scale(0.02) rotate(0);
    transform: scale(0.02) rotate(0);
  }

  81% {
    -moz-transform: scale(0.04) rotate(0);
    -ms-transform: scale(0.04) rotate(0);
    -webkit-transform: scale(0.04) rotate(0);
    transform: scale(0.04) rotate(0);
  }

  82% {
    -moz-transform: scale(0.06) rotate(0);
    -ms-transform: scale(0.06) rotate(0);
    -webkit-transform: scale(0.06) rotate(0);
    transform: scale(0.06) rotate(0);
  }

  83% {
    -moz-transform: scale(0.08) rotate(-1);
    -ms-transform: scale(0.08) rotate(-1);
    -webkit-transform: scale(0.08) rotate(-1);
    transform: scale(0.08) rotate(-1);
  }

  84% {
    -moz-transform: scale(0.1) rotate(-1);
    -ms-transform: scale(0.1) rotate(-1);
    -webkit-transform: scale(0.1) rotate(-1);
    transform: scale(0.1) rotate(-1);
  }

  85% {
    -moz-transform: scale(0.12) rotate(0);
    -ms-transform: scale(0.12) rotate(0);
    -webkit-transform: scale(0.12) rotate(0);
    transform: scale(0.12) rotate(0);
  }

  86% {
    -moz-transform: scale(0.14) rotate(0);
    -ms-transform: scale(0.14) rotate(0);
    -webkit-transform: scale(0.14) rotate(0);
    transform: scale(0.14) rotate(0);
  }

  87% {
    -moz-transform: scale(0.16) rotate(0);
    -ms-transform: scale(0.16) rotate(0);
    -webkit-transform: scale(0.16) rotate(0);
    transform: scale(0.16) rotate(0);
  }

  88% {
    -moz-transform: scale(0.18) rotate(0);
    -ms-transform: scale(0.18) rotate(0);
    -webkit-transform: scale(0.18) rotate(0);
    transform: scale(0.18) rotate(0);
  }

  89% {
    -moz-transform: scale(0.2) rotate(0);
    -ms-transform: scale(0.2) rotate(0);
    -webkit-transform: scale(0.2) rotate(0);
    transform: scale(0.2) rotate(0);
  }

  90% {
    -moz-transform: scale(0.22) rotate(-1);
    -ms-transform: scale(0.22) rotate(-1);
    -webkit-transform: scale(0.22) rotate(-1);
    transform: scale(0.22) rotate(-1);
  }

  91% {
    -moz-transform: scale(0.24) rotate(0);
    -ms-transform: scale(0.24) rotate(0);
    -webkit-transform: scale(0.24) rotate(0);
    transform: scale(0.24) rotate(0);
  }

  92% {
    -moz-transform: scale(0.26) rotate(-1);
    -ms-transform: scale(0.26) rotate(-1);
    -webkit-transform: scale(0.26) rotate(-1);
    transform: scale(0.26) rotate(-1);
  }

  93% {
    -moz-transform: scale(0.28) rotate(0);
    -ms-transform: scale(0.28) rotate(0);
    -webkit-transform: scale(0.28) rotate(0);
    transform: scale(0.28) rotate(0);
  }

  94% {
    -moz-transform: scale(0.3) rotate(0);
    -ms-transform: scale(0.3) rotate(0);
    -webkit-transform: scale(0.3) rotate(0);
    transform: scale(0.3) rotate(0);
  }

  95% {
    -moz-transform: scale(0.32) rotate(0);
    -ms-transform: scale(0.32) rotate(0);
    -webkit-transform: scale(0.32) rotate(0);
    transform: scale(0.32) rotate(0);
  }

  96% {
    -moz-transform: scale(0.34) rotate(-1);
    -ms-transform: scale(0.34) rotate(-1);
    -webkit-transform: scale(0.34) rotate(-1);
    transform: scale(0.34) rotate(-1);
  }

  97% {
    -moz-transform: scale(0.36) rotate(0);
    -ms-transform: scale(0.36) rotate(0);
    -webkit-transform: scale(0.36) rotate(0);
    transform: scale(0.36) rotate(0);
  }

  98% {
    -moz-transform: scale(0.38) rotate(-1);
    -ms-transform: scale(0.38) rotate(-1);
    -webkit-transform: scale(0.38) rotate(-1);
    transform: scale(0.38) rotate(-1);
  }

  99% {
    -moz-transform: scale(0.4) rotate(0);
    -ms-transform: scale(0.4) rotate(0);
    -webkit-transform: scale(0.4) rotate(0);
    transform: scale(0.4) rotate(0);
  }

  100% {
    -moz-transform: scale(0.42) rotate(-1);
    -ms-transform: scale(0.42) rotate(-1);
    -webkit-transform: scale(0.42) rotate(-1);
    transform: scale(0.42) rotate(-1);
  }
}
// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----

@import "compass";
$scale: 0;

@keyframes test {
  @for $i from 80 through 100 {
    $frame: $i + 0%;
    $scale: $scale + 0.02;
    $rotate: random(2) - 2;
    #{$frame}
    {
      @include transform(scale($scale) rotate($rotate));
    }
  }
}