LESS常用语法之混入

最新推荐文章于 2025-01-12 20:50:28 发布

原创最新推荐文章于 2025-01-12 20:50:28 发布 · 2.4k 阅读

1 ·

CC 4.0 BY-SA版权

LESS 同时被 2 个专栏收录

1 篇文章

订阅专栏

CSS

1 篇文章

订阅专栏

本文介绍了一种使用预处理器简化CSS过渡效果及属性统一设置的方法。通过定义`.transition`和`.promise`两个混合宏，可以轻松实现跨浏览器兼容性的CSS过渡效果及背景尺寸等属性的一致设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

.transition (@moveStyle :all;@delayTime : 0.2s;@moveType : linear; @moveTime : 0s){
-webkit-transition: @arguments;
-moz-transition: @arguments;
-o-transition: @arguments;
-ms-transition: @arguments;
transition: @arguments;
}
.promise(@css, @args) {
   @{css}: @args;
   -webkit-@{css}: @args;
   -moz-@{css}: @args;
   -ms-@{css}: @args;
   -o-@{css}: @args;
}

用法：

.div1{

.promise(background-size, contain) ;

}