我有这个 Less mixin -
.css3-transitions(@property: color, @duration: 0.3s, @transition: ease-in) {
-webkit-transition:@property @duration @transition;
-moz-transition:@property @duration @transition;
transition:@property @duration @transition;
}
我要在一个类中使用 in 但排除缓动并将其应用于不透明度所以我这样做..
.myClass{
.css3-transition(opacity);
}
但也插入了缓动。例如CSS 结果是这样的……
-webkit-transition: opacity 0.3s ease-in;
-moz-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
我如何排除宽松政策?
最佳答案
假设您的 mixin 代码保持不变,您可以在调用时专门在 LESS 中设置值字符串 ~''
):
.myClass{
.css3-transitions(opacity, @transition: ~'');
}
请注意我不需要担心它是第三个参数,因为我明确告诉它我正在设置的参数,所以我不需要传递持续时间,因为它将保持默认值。
关于css - 更少的 CSS mixin 参数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19777378/