Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Compass multiple css transitions

Tags:

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;
like image 370
halliewuud Avatar asked Jul 13 '12 17:07

halliewuud


1 Answers

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 );

like image 167
Jackie Avatar answered Oct 07 '22 20:10

Jackie