Skip to content

Instantly share code, notes, and snippets.

@liamegan
Last active August 29, 2015 14:06
Show Gist options
  • Save liamegan/c34d8e2735f01d3bf2f7 to your computer and use it in GitHub Desktop.
Save liamegan/c34d8e2735f01d3bf2f7 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// 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));
}
}
}
@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);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment