我们在罗盘中具有出色的不透明度和过渡效果,但如何在不透明度上进行过渡?
@include single-transition(opacity, 1s);
Run Code Online (Sandbox Code Playgroud)
上面的行创建了一个不透明度的过渡,但没有创建-moz-opacity,-khtml-opacity,更不用说奇怪的IE语法......
我认为以下代码(以及您发布的代码)创建具有所有必需前缀的动画。
@include transition(opacity, 1s ease-out);
Run Code Online (Sandbox Code Playgroud)
其中 1s 是任何秒数(2s、0.5s),ease-out 是任何类型的缓动动画(如果没有参数,可能只是线性的)。