CODEWITHSUNDEEP
compass-sass
bert bruynooghe
bert bruynooghe

Reputation: 3093

How to do transitions on opacity in compass?

We have excellent mixins for opacity and transitions in compass, but how can I do a transition on opacity?

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

Above line creates a transition on opacity, but not on -moz-opacity, -khtml-opacity, let alone the weird IE syntaxes...

Upvotes: 7

Views: 2085

Answers (1)

ozke
ozke

Reputation: 1620

I think the following code (but also the code you posted) creates the animation with all the required prefixes.

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

Where 1s is any amount of seconds (2s, 0.5s) and ease-out is any kind of easing animation (could be just linear if no parameter).

Upvotes: 4

Related Questions