如何在create-transform中使用$ rotate3d？

Question

我正在尝试在$rotate3d块内使用create-transform（以及scale-x），我尝试的任何工作都没有。如果我这样做rotate3d，它的效果非常好：

@include rotate3d(1, 0, 0, 3deg, 800);

但我需要将它与比例和视角结合起来，因此创建变换是我唯一的选择。

这是$rotate3d的多重论证，它让我感动。我试过这个，但它不起作用：

@include create-transform(
    $rotate3d: "1, 0, 0, 30deg, 800"
);

想法？

Answer 1

mixins的参数用逗号分隔，所以Sass认为你试图将单个值发送到$rotate3d参数。你真正想要做的是发送逗号分隔列表作为单个参数的值。这可以通过在列表周围添加括号来完成：

@include create-transform($rotate3d: (1, 0, 0, 30deg, 800));