Create a gist now

Instantly share code, notes, and snippets.

What would you like to do?
Keyframes for all vendor prefixes using SCSS
/* Usage
@include keyframes(my-transition) {
from {opacity: 0;}
to {opacity: 1;}
}
*/
@mixin keyframes($animation-name) {
@-webkit-keyframes #{$animation-name} {
@content;
}
@-moz-keyframes #{$animation-name} {
@content;
}
@-ms-keyframes #{$animation-name} {
@content;
}
@-o-keyframes #{$animation-name} {
@content;
}
@keyframes #{$animation-name} {
@content;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment