指南針多個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) 

通知的$延遲最後，還不如在正確的答案在它之前的最後。