如何在 SCSS (3.1.16) 中创建 @keyframes mixin

【问题标题】：how to create a @keyframes mixin in SCSS (3.1.16)如何在 SCSS (3.1.16) 中创建 @keyframes mixin
【发布时间】：2012-04-29 14:05:23
【问题描述】：

我已经试过了

$prefixes: ("-webkit-","-moz-", "-o-", "");
@mixin keyframes($name) {
    @each $prefix in $prefixes {
        @#{$prefix}keyframes #{$name} { @content; }
    }
}

和

@mixin keyframes($name) {
    @-webkit-keyframes #{$name} { @content; }
    @-moz-keyframes #{$name} { @content; }
    @keyframes #{$name} { @content; }
}

有什么办法吗？谷歌找不到任何解决方案:(

【问题讨论】：

标签： sass mixins keyframe

【解决方案1】：

我设法通过更新到 SASS 3.2（通过 gem install sass --pre 预发布）来实现此效果，因此后者现在可以工作了！

【讨论】：

非常感谢，不要忘记添加@-ms-keyframes 以及
这对我不起作用——首先，SASS 尝试解析 @#{$prefix} 开头的 @，所以我需要使用 \ 来转义它。但后来我得到了Invalid CSS after "$prefix": expected ":", was "@content"——这完全没有意义 AFAICT。您为此使用了哪些版本？
如我的回答中所述：SASS 3.2 - 尽管现在每个当前稳定版本的 SASS 都应该支持这一点。