你好,我正在为 translateX 和 translateY 使用 mixin 函数,并且只为值 X 和 Y 创建一个函数,无论是否可能,请帮忙,谢谢。
示例 1 是可能的,因为只有一个值传递,但另一个示例是可能的,或者没有任何其他想法在 SASS 中一次只传递两个值?
例子一
@mixin translateX($value) {
-webkit-transform: translateX($value);
-moz-transform: translateX($value);
-ms-transform: translateX($value);
transform: translateX($value);
}
示例 2
@mixin translateXY($value1, $value2) {
-webkit-transform: translateXY($value1, $value2);
-moz-transform: translateXY($value1, $value2);
-ms-transform: translateXY($value1, $value2);
transform: translateXY($value1, $value2);
}
最佳答案
如下使用sass:
在@include
中设置translate
的参数:@include translateXY(30%,50%);
并且在 @mixin
中使用 translate
而不是 translateXY
@mixin translateXY($value1, $value2) {
.try{
-webkit-transform: translate($value1, $value2);
-moz-transform: translate($value1, $value2);
-ms-transform: translate($value1, $value2);
transform: translate($value1, $value2);
}
}
@include translateXY(30%,50%);
关于css - 可以在 sass 中转换 translateXY mixin 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53281385/