Compass multiple css transitions

halliewuud picture halliewuud · Jul 13, 2012 · Viewed 17k times · Source

How can one do multiple css transitions like this Jsfiddle with Compass?

What I am trying to do is basecly write this code below with 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

Jackie picture Jackie · Jul 13, 2012

Is this what you are looking for? http://compass-style.org/reference/compass/css3/transition/#mixin-transition

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