Skip to content

Instantly share code, notes, and snippets.

@liamegan
Created September 12, 2014 17:20
Show Gist options
  • Save liamegan/ae2a9f8e7d51eefe4f61 to your computer and use it in GitHub Desktop.
Save liamegan/ae2a9f8e7d51eefe4f61 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----
/* nav-mixins.scss
=======================================
Author liamegan
email liam@wethecollective.com
Created 2014-07-17 14:34:18
Description
Edited by liamegan
Edited 2014-07-17 14:51:32
*/
$scale: 0;
@keyframes test {
@for $i from 80 through 100 {
$frame: $i * 1%;
$scale: $scale + 0.02;
$rotate: random(2) - 2;
#{$frame}
{
transform: rotate($rotate);
}
}
}
/* nav-mixins.scss
=======================================
Author liamegan
email liam@wethecollective.com
Created 2014-07-17 14:34:18
Description
Edited by liamegan
Edited 2014-07-17 14:51:32
*/
@keyframes test {
80% {
transform: rotate(0);
}
81% {
transform: rotate(0);
}
82% {
transform: rotate(0);
}
83% {
transform: rotate(-1);
}
84% {
transform: rotate(0);
}
85% {
transform: rotate(0);
}
86% {
transform: rotate(-1);
}
87% {
transform: rotate(-1);
}
88% {
transform: rotate(0);
}
89% {
transform: rotate(-1);
}
90% {
transform: rotate(-1);
}
91% {
transform: rotate(-1);
}
92% {
transform: rotate(-1);
}
93% {
transform: rotate(0);
}
94% {
transform: rotate(-1);
}
95% {
transform: rotate(-1);
}
96% {
transform: rotate(-1);
}
97% {
transform: rotate(0);
}
98% {
transform: rotate(0);
}
99% {
transform: rotate(0);
}
100% {
transform: rotate(0);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment