Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

CSS3/jQuery transitions not working in Firefox?

CSS3/jQuery transitions not working in Firefox?

Problem

Is anyone else having issues with FF not rendering jQuery and CSS3 transitions. For instance, the following site's demo doesn't work in FF, but does in Chrome and Safari. FF used to work but recently it doesn't. I've tried on multiple computers and both have this issue.

http://ricostacruz.com/jquery.transit/

Problem courtesy of: Brian Tucker

Solution

Just assuming here, but maybe that plugin is based on -moz-transition and the latest firefox might have dropped support for it in favor of transition? I shall investigate further

EDIT FF16 changed as assumed:

https://developer.mozilla.org/en-US/docs/CSS/transition

EDIT 2: as this is the accepted answer, I am incorporating the comment below - credit to @Boris Zbarsky:

Firefox hasn't dropped support for -moz-transition or -moz-transform. It added support for transition and transform alongside it. But jquery.transit is just broken in any browser that supports transform without a prefix. See http://github.com/rstacruz/jquery.transit/issues/86 and http://bugzilla.mozilla.org/show_bug.cgi?id=807636

Solution courtesy of: Luca

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

CSS3/jQuery transitions not working in Firefox?

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×