如何使用$ rotate3d和create-transform？

Question

我正在嘗試在create-transform塊（與scale-x一起）內使用$rotate3d，但我嘗試的任何操作都沒有問題。如果我這樣做只是rotate3d這樣的，它精美的作品：

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

但我需要這個規模與視角結合起來，使創建變換是我唯一的選擇。

這對於$rotate3d來說是多重的理由。我試過這個，但它不起作用：

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

想法？

Answer 1

mixin的參數用逗號分隔，所以Sass認爲你試圖發送一個值給$rotate3d參數。你實際想要做的是發送一個逗號分隔列表作爲單個參數的值。這可以通過在列表中添加括號來完成：

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