How to make opacity transitions in a compass?

We have excellent mixins for opacity and transitions in the compass, but how can I make the transition to opacity?

@include single-transition(opacity, 1s); 

Above the line, a transition to opacity is created, but not to -moz-opacity, -khtml-opacity, not to mention the strange syntaxes of IE ...

+7
compass-sass
source share
1 answer

I think the following code (but also the code you sent) creates an animation with all the necessary prefixes.

 @include transition(opacity, 1s ease-out); 

Where 1s is any number of seconds (2 s, 0.5 s), and simplicity is any weakening animation (it can be simply linear if there are no parameters).

+4
source share

All Articles