SASS syntax (not SCSS) for css3 keyframe animation

Question

Is there a way to write keyframes in SASS?

Every example I found is actually SCSS, even when it says SASS. To be clear, I mean one that doesn't have curly braces.

Answer 1

Here's how you implement css keyframes in Sass syntax:

@keyframes name-of-animation 0% transform: rotate(0deg) 100% transform: rotate(360deg) 

Sass mixin is added here to add prefixes for added providers:

 =keyframes($name) @-webkit-keyframes #{$name} @content @-moz-keyframes #{$name} @content @-ms-keyframes #{$name} @content @keyframes #{$name} @content 

Here's how to use mixin in Sass syntax:

 +keyframes(name-of-animation) 0% transform: rotate(0deg) 100% transform: rotate(360deg)