-webkit-mask-image在sass中不起作用

Question

我正在使用Gulp（node-sass）将sass文件编译为css。

我在我的sass文件中添加了-webkit-mask-image，如下所示：

-webkit-mask-image: -webkit-gradient(linear, left bottom, left 30%, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));

但是gulp这样编译：

mask-image: -webkit-gradient(linear, left bottom, left 30%, left, right);

我做错了什么？是否可以在gulp（node-sass）中添加实验性css技术？

编辑：我找到了解决方案。我应该将值描述为字符串，然后在-webkit-mask-image中设置。

Answer 1

我应该将值描述为字符串，然后在-webkit-mask-image中设置。

$gradientSidebar: "-webkit-gradient(linear, left bottom, left 30%, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)))";
.my-class{
   -webkit-mask-image: #{$mobileGradientSidebar};
}