SASS /指南针转换

上海社会科学院 CSS

番长樱梅

2020-03-24

是否可以使用Compass或SASS输出以下CSS转换，该转换将输出所有各种供应商前缀：

-webkit-transition: all 0.3s ease-in-out;

谁能指出我正确的图书馆？

第3187篇《SASS /指南针转换》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共3个回答
Gil斯丁 2020.03.24

使用单个或“所有”属性转换创建动画的Mixin

@include transition(PROPERTY DURATION DELAY(OPT) TIMING-FUNCTION)
@mixin transition($transition) {
  -webkit-transition: $transition;
     -moz-transition: $transition;
      -ms-transition: $transition;
       -o-transition: $transition;
          transition: $transition;
}

使用多个属性过渡来创建动画的Mixin

@include multi-transition("PROPERTY DURATION DELAY(OPT) TIMING-FUNCTION, PROPERTY DURATION DELAY(OPT) TIMING-FUNCTION")
@mixin multi-transition($transition) {
 -webkit-transition: #{$transition};
    -moz-transition: #{$transition};
     -ms-transition: #{$transition};
      -o-transition: #{$transition};
         transition: #{$transition};
}
泡芙前端 2020.03.24

使用指南针的transitionmixin：

@include transition(all 0.3s ease-in-out);
米亚 2020.03.24

SASS混音

@mixin transition($transition){
     -webkit-transition: $transition;
     -moz-transition: $transition;
     -o-transition: $transition;
     transition: $transition;
}

@include transition(all 0.3s ease-in-out);

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android