用于css3关键帧animation的SASS（不是SCSS）语法

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

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

Answer 1

以下是如何在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)