Question

我对萨斯很新，所以我还不太清楚它的一切。

我的想法是我像这样创建一个mixin;

@mixin crossBrowser($css) {
    -webkit-+$css;
    -moz-+$css;
    -o-+$css;
    $css;
}

然后按@include crossBrowser("transition: 0.2s ease-out");使用它。

我想你可以看到我想去哪里，有可能吗？或者我是否必须为我想要包含的每个CSS3属性创建一个新的mixin？

Answer 1

解决了这个问题;

@mixin crossBrowser($property, $css) {
    -webkit-#{$property} : $css;
    -moz-#{$property} : $css;
    -o-#{$property} : $css;
    #{$property} : $css;
}

然后通过@include crossBrowser(transition, 0.2s ease-out);

调用它

2017年初编辑

您现在应该编写没有供应商前缀的CSS ，然后使用https://autoprefixer.github.io之类的工具添加前缀。

使用Sass跨浏览器mixin

1 个答案: