css - 罗盘多个 css 转换

Question

如何使用 Compass进行像Jsfiddle这样的多个 css 转换？

我想做的是用 Compass 在下面基本写下这段代码。

-webkit-transition: top 0.3s ease-out, background .9s .5s ease-out; 
   -moz-transition: top 0.3s ease-out, background .9s .5s ease-out; 
     -o-transition: top 0.3s ease-out, background .9s .5s ease-out; 
        transition: top 0.3s ease-out, background .9s .5s ease-out;

Answer 1

这是你想要的？http://compass-style.org/reference/compass/css3/transition/#mixin-transition

@include transition( top 0.3s ease-out, background .9s .5s ease-out );

Answer 2

从文档：
http ://compass-style.org/reference/compass/css3/transition/#mixin-transition

它可能多年来发生了变化，但现在是这样的：

single-transition($property, $duration, $function, $delay)

请注意 $delay 是最后一个，而不是在最后一个之前的正确答案中。

Answer 3

如果你使用 mixin 来定义你的转换并且你得到这个错误：

错误：mixin 转换只需要 1 个参数；给定 2

尝试将您的值括在括号之间，例如：

@include transition( (bottom .5s, background 2s) );