Well, in this case, transitioning opacity is what's needed, so Fx 3.7 delivers. Or rather, will deliver. :)
Matt, I think (Moo?)Modernizr can detect CSS transition support, so maybe put in the -moz-, -webkit-, (-o-?), and vanilla CSS, and fall back to a not-quite-as-pretty JS solution. Or perhaps try a different transition: flying in & out simultaneously, for example. That'd probably animate better, but its applicability depends, of course, on the broader scope of your development. On Tuesday, February 23, 2010, Oskar Krawczyk <[email protected]> wrote: > From http://www.mozilla.org/projects/firefox/3.7a1/releasenotes/: > > Support for CSS Transitions. This support is not quite complete: support for > animation of transforms and gradients has not yet been implemented. > > Then again, it's only an Alpha release. We'll see when 3.7 arrives. > ___ > > Oskar Krawczyk > http://nouincolor.com > > > On Tue, Feb 23, 2010 at 10:31 AM, Barry van Oudtshoorn > <[email protected]> wrote: > > > > > > > > > Firefox 3.7 has CSS transitions. > > On 23/02/2010 6:14 PM, Oskar Krawczyk wrote: > Neither does Firefox. > > > Is it just my feeling or is firefox falling behind with > technologies lately? > > > Best, > Oskar > > ___ > > Oskar Krawczyk > http://nouincolor.com > > > 2010/2/23 Fábio M. Costa <[email protected]> > > I dont think this would be possible. You could make it > smoother but just on browsers that have css animations, and they dont > include ie6/7/8. > > > > -- > Fábio Miranda Costa > Solucione Sistemas > Engenheiro de interfaces > > > > > On Mon, Feb 22, 2010 at 10:22 PM, Matt > Thomson <[email protected]> > wrote: > Hi > All, > > I am trying to fade one image in and another image out, when the > images are in the same postition (photo gallery problem). > > Both the images have to fade, as often the images are different sizes, > and it looks strange if a smaller one fades in on top, while the big > one stays there, then disappears. > > I have set up a test page here: > > http://www.ignitewebdesign.co.nz/fade-test/fade-test.html > > The fade looks good in Google Chrome 4, but look jumpy/patchy in > Firefox 3.6, IE7 and IE8. > > It seems to get more jumpy as the image width and height increase. > > Any ideas on how to get a cross browser smooth fade are much > appreciated. > > Matt. > > > > > > > > > > > > > > > > -- http://barryvan.com.au/ [email protected]
