Skip to content

Instantly share code, notes, and snippets.

@lukaszklis
Last active Dec 19, 2015
Embed
What would you like to do?
@mixin animation-blink () {
0% { opacity: 0; }
50% { opacity: 1; }
100% { opacity: 0; }
}
@mixin animation ($name, $duration, $iteration) {
-webkit-animation: {
name: $name;
duration: $duration;
iteration-count: $iteration;
}
-moz-animation: {
name: $name;
duration: $duration;
iteration-count: $iteration;
}
-o-animation: {
name: $name;
duration: $duration;
iteration-count: $iteration;
}
animation: {
name: $name;
duration: $duration;
iteration-count: $iteration;
}
}
@-webkit-keyframes blink {
@include animation-blink();
}
@-moz-keyframes blink {
@include animation-blink();
}
@-o-keyframes blink {
@include animation-blink();
}
@keyframes blink {
@include animation-blink();
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment