是否可以在SASS中创建循环以生成关键帧的供应商前缀

时间:2014-07-11 12:18:09

标签: css sass

我尝试构建一个循环来创建像这样的

的keyfream前缀
@mixin animate_caption_keyfream($Sleft, $Eleft){
    @each $vendor in ('@-webkit-', '@-moz-', '@-ms-', '@-o-', '') {
      #{$vendor}keyframes mymove {
          from {left: $Sleft;}
          to {left: $Eleft;}
      }
    }
}

我打电话给这个mixin

@include animate_caption_keyfream("0px","200px");

但它给我一个错误

"Syntax error: Invalid CSS after \"\": expected selector, was \"@-webkit-keyfra...\"\

如果我尝试删除@ -webkit-keyfreams的引用,它会给我一个错误拖..

我如何解决此错误 感谢,

1 个答案:

答案 0 :(得分:0)

看看这个:https://github.com/ericam/compass-animation,已经有了宝石。