用于css3关键帧animation的SASS(不是SCSS)语法

有没有办法在SASS中编写关键帧?

我发现的每个例子实际上都是SCSS,即使它说SASS。 要清楚,我的意思是没有大括号的那个。

以下是如何在Sass语法中实现css关键帧:

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

这里是一个萨斯混合添加添加供应商前缀:

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

以下是如何在Sass语法中使用mixin的方法:

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