How to make opacity transitions in a compass?

Question

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

bert bruynooghe Oct 12 '13 at 20:26

source share

1 answer

ozke · Accepted Answer · 2014-03-18T10:02:22+0000

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