Как можно выполнять несколько 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;
Это то, что вы ищете? http://compass-style.org/reference/compass/css3/transition/#mixin-transition
@include transition( top 0.3s ease-out, background .9s .5s ease-out );
Из документации:
http://compass-style.org/reference/compass/css3/transition/#mixin-transition
Возможно, он изменился с годами, но теперь он выглядит следующим образом:
single-transition($property, $duration, $function, $delay)
Обратите внимание, что $delay является последним, а не как в правильном ответе, где он был до последнего.
Если вы используете mixin для определения перехода и получите эту ошибку:
ошибка: переход mixin принимает только 1 аргумент; учитывая 2
попробуйте включить ваши значения между скобками, например:
@include transition( (bottom .5s, background 2s) );