有没有办法在 Sass 中为转换创建一个变量来复制这个:
-webkit-transition: .2s;
-moz-transition: .2s;
-ms-transition: .2s;
-o-transition: .2s;
transition: .2s;
我刚刚接触 Sass，我正在使用 CodeKit 进行编译。
谢谢!
最佳答案
您可以创建一个 mixin它将封装:
@mixin transition($duration) {
-webkit-transition: $duration;
-moz-transition: $duration;
-ms-transition: $duration;
-o-transition: $duration;
transition: $duration;
}
然后像这样使用它:
.class { @include transition(.2s); }
您可能还想看看 Compass ，其中包括许多 CSS3 内容的内置混合，例如 transitions .
或者，您可能希望通过 Autoprefixer 运行您的 CSS (在将 Sass 编译为 CSS 之后)。这是一个 PostCSS 插件(尽管您也可以 use it via Gulp、Grunt、Webpack 和许多其他构建工具)，它会自动添加(和删除)必要的供应商前缀，因此您只需要编写无前缀的 CSS。您可以使用要支持的浏览器对其进行配置，它会确保所有必需的前缀都存在。
关于css - 使用 Sass 创建转换变量，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15558187/