CSS transition in Firefox

Question

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?

Can you post a jsfiddle.com example? I'd like to see this in action. — Blender
– Blender, Commented Mar 21, 2012 at 4:51

Michael · Accepted Answer · 2012-03-21 05:36:22Z

1

Try

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

answered Mar 21, 2012 at 5:36

Michael

261 bronze badge

Sign up to request clarification or add additional context in comments.

1 Comment

Denny Mueller Over a year ago

had to add the unit of zero -.- cost me 2 hours of searching thanks

Blender · Accepted Answer · 2012-03-21 05:36:04Z

0

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

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

answered Mar 21, 2012 at 5:36

Blender

300k55 gold badges462 silver badges511 bronze badges

1 Comment

Denny Mueller Over a year ago

se answer before yours... you have to add the unit to the zero

Collectives™ on Stack Overflow

CSS transition in Firefox

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related