如何在罗盘中进行不透明度的转换？

Question

我们在罗盘中有不同的不透明度和过渡效果，但如何在不透明度上进行过渡？

@include single-transition(opacity, 1s);

上面的行创建了一个不透明度的过渡，但没有创建-moz-opacity，-khtml-opacity，更不用说奇怪的IE语法......

Answer 1

我认为以下代码（以及您发布的代码）会创建包含所有必需前缀的动画。

@include transition(opacity, 1s ease-out);

其中1s是任意秒数（2s，0.5s），轻松是任何类型的缓动动画（如果没有参数，可能只是线性）。