Denny Mueller
Denny Mueller

Reputation: 3615

CSS transition in Firefox

I'm using this for my link-hover-transition-effect:

-webkit-transition: color 250ms ease-in 0;
-moz-transition: color 250ms ease-in 0;
-o-transition: color 250ms ease-in 0;
transition: color 250ms ease-in 0;

It works in Opera, Chrome but not in Firefox. I don't care about IE.

According to this, it should work: https://developer.mozilla.org/en/CSS/CSS_transitions#AutoCompatibilityTable

Any idea what is wrong with that?

Upvotes: 0

Views: 212

Answers (2)

Michael
Michael

Reputation: 26

Try

-moz-transition: color 0.25s ease-in 0s;

Upvotes: 1

Blender
Blender

Reputation: 298552

It seems like the 0 at the end was breaking the transformation.

This works for me: http://jsfiddle.net/An4zV/2/

Upvotes: 0

Related Questions