CSS3 Transition Problem Firefox, Site Feedback

Hi Sitepointers

I’ve recently been dabbling with CSS3, overall a very good experience.

It appears that Chrome is the best browser in handling CSS3, as it’s super smooth. Prior to Chrome, Opera were the leaders. Anyhow, I am having an issue with Firefox handling CSS3 Transitions. It appears to be jagged. I’ve posted a link to the inside page here - http://tinyurl.com/boaava8. As you can see in Chrome is runs really quite well.

Any site feedback would also be appreciated, it’s under development, so some images are missing.

Kind regards,

Works fine for me in Firefox 8 (Mac) … assuming you are talking about the left menu.

It works fine for me as well (OS X Lion - Mac + FF 8.01) except that the transitions are not as smooth as they are on Webkit, but there’s nothing you can do to make these transitions appear more smoothly in FF, it’s just how they’re currently implemented.

Yeap, talking about the left menu. I thought there might be something wrong with my code, or maybe I missed something out. Let’s hope FF will eventually iron these differences out in time to come.

Hmm, don’t count on it. JS has long been more clunky on FF than in other browsers, and I see no prospect of that changing.

Firefox does seem to have problems with smooth animations or when using [URL=“http://tiffanybbrown.com/2011/09/28/broken-or-jumpy-css-transitions-use-the-same-unit-of-length/”]different units.

So you advice to use the same units. I did cross-use all the units % em and pixels included. Not the smartest choice.