是否可以将 -webkit、-moz、-o 和 -ms 选择器与 LESS 组合在一起?
我试着做
.transition(@t @d) {
transition:@t @d;
-webkit-transition:@t @d;
-moz-transition:@t @d;
}
但它破坏了css文件。
我希望能够打字
.transition(WhatToTransition 持续时间)
并将其应用于所有选择器。
是否可以将 -webkit、-moz、-o 和 -ms 选择器与 LESS 组合在一起?
我试着做
.transition(@t @d) {
transition:@t @d;
-webkit-transition:@t @d;
-moz-transition:@t @d;
}
但它破坏了css文件。
我希望能够打字
.transition(WhatToTransition 持续时间)
并将其应用于所有选择器。
您可以尝试在参数之间加逗号。
.transition(@t, @d) {
-moz-transition: @t @d @e;
-webkit-transition: @t @d @e;
transition: @t @d @e;
}
您还可以添加另一个参数来简化参数和参数的一些默认值,如下所示:
.transition(@t: all, @d: 1s, @e: linear) {
-moz-transition: @t @d @e;
-webkit-transition: @t @d @e;
-o-transition: @t @d @e;
-ms-transition: @t @d @e;
transition: @t @d @e;
}
我希望这能满足你的要求。而且我还将重新排序供应商前缀属性,将非前缀属性放在最后,例如,您还可以添加o
一个ms
,如上所示。
例如。较少的:
.test {
.transition(all, 0.5s, ease-in);
}
将返回CSS:
.test {
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}