Перемещение нескольких css-компасов

Как можно выполнять несколько css-переходов, таких как Jsfiddle с Compass?

То, что я пытаюсь сделать, это записать этот код ниже с помощью 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;

Ответы

Ответ 2

Из документации:
http://compass-style.org/reference/compass/css3/transition/#mixin-transition

Возможно, он изменился с годами, но теперь он выглядит следующим образом:

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

Обратите внимание, что $delay является последним, а не как в правильном ответе, где он был до последнего.

Ответ 3

Если вы используете mixin для определения перехода и получите эту ошибку:

ошибка: переход mixin принимает только 1 аргумент; учитывая 2

попробуйте включить ваши значения между скобками, например:

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