css - 使用 Compass 进行多次变换

Question

我在一个元素上有多个转换的情况下，所以我的问题是如何在保留命名转换的同时将其转换为 Compass：

-webkit-transform: translateY(-100%) scale(0.5);
-moz-transform: translateY(-100%) scale(0.5);
变换：translateY（-100%）比例（0.5）；
-ms-transform: translateY(-100%) scale(0.5);

就像是 ：@include translateY(-100%) scale(0.5);

谢谢你。

Answer 1

对于每个特定的转换，您需要使用transformmixin 而不是快捷方式 mixin：

@include transform(translateY(-100%) scale(0.5));

这非常简单 - 只需使用官方的 css 语法将您想要的转换传递给它。