指南针多个css转换

Question

如何做到这样多个css转换Jsfiddle与Compass？

我想要做的就是用Compass将下面的代码进行basecly编写。

-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

如果您使用的是混入来定义你的过渡，你会得到这个错误：

error: mixin transition only takes 1 arguments; given 2

尝试像括号之间围绕你的价值观：

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

Answer 3

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

它可能已经改变了多年，但它现在是这样的：

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

通知的$延迟最后，还不如在正确的答案在它之前的最后。