Skip to content

Instantly share code, notes, and snippets.

@pseudorandoom
Created February 4, 2015 19:26
Show Gist options
  • Save pseudorandoom/a8f5516d55b2f0f0de1d to your computer and use it in GitHub Desktop.
Save pseudorandoom/a8f5516d55b2f0f0de1d to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.4.11)
// Compass (v1.0.3)
// ----
@mixin animation-number($duration, $time){
animation: fadein#{$duration} #{$time}s;
-moz-animation: fadein#{$duration} #{$time}s;
-webkit-animation: fadein#{$duration} #{$time}s;
-o-animation: fadein#{$duration} #{$time}s;
}
@for $i from 1 to 5 {
.animationx-#{$i} {
@include animation-number($i, $i);
}
}
.animationx-1 {
animation: fadein1 1s;
-moz-animation: fadein1 1s;
-webkit-animation: fadein1 1s;
-o-animation: fadein1 1s;
}
.animationx-2 {
animation: fadein2 2s;
-moz-animation: fadein2 2s;
-webkit-animation: fadein2 2s;
-o-animation: fadein2 2s;
}
.animationx-3 {
animation: fadein3 3s;
-moz-animation: fadein3 3s;
-webkit-animation: fadein3 3s;
-o-animation: fadein3 3s;
}
.animationx-4 {
animation: fadein4 4s;
-moz-animation: fadein4 4s;
-webkit-animation: fadein4 4s;
-o-animation: fadein4 4s;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment