CSS3 Hover script...

[magnetik12]

http://www.dynamicdrive.com/style/csslibrary/item/css3_hover_image_gallery/

I found the script which works great and is lovely and smooth but doesn't work with Firefox or IE. (Firefox it does work but is clunky and IE it doesn't work at all although it does say these browsers were not compatible in the description, though I'd try on the chance there had been any update since it was posted)

Does anyone know of one that has cross browser compatibility? It doesnt have to be exact but this one was nice and smooth. I am looking for the hover to enlarge the image slightly but a smooth transition rather than hover over and it changes with no transition if you know what I mean. Alterntaively maybe there are some light changes that can be made to this script to allow cross browser compatibility. I assume it is a certain part of it that causes the issue or is CSS3 generally not compatible across the board?

I'm comfortable with scripts so CSS3 or javascript would be ideal but started out with dynamic drive ones so like the ease of the instructions you use :) Having said that, any will do.

Thanks in advance.

[ajfmrf]

I am using 18.0.2 and it works fine with my laptop

[magnetik12]

I am using 18.0.2 and it works fine with my laptop

Sorry, what do you mean? You mean you're using version 18.0.2 of firefox? After implementing it this afternoon in the office, it did perform correctly but was just a bit clunky in firefox and in IE didn't work at all.

I'll check tomorrow then, if I have an older version of FF I will update and try it out.

Thanks

[Beverleyh]

IE doesn't support the full CSS3 cocktail - here's a reference sheet to help you see what is and isn't supported: http://www.findmebyip.com/litmus/

[james438]

Just for fun here are a few fun sites where you can test your browser's html5 and css3 compatibility:

http://css3test.com/
http://caniuse.com/
http://html5test.com/

I'm sure there are better ones out there, but I'm getting a little off topic ;)

[magnetik12]

IE doesn't support the full CSS3 cocktail - here's a reference sheet to help you see what is and isn't supported: http://www.findmebyip.com/litmus/

Thanks for the comparison, jeez IE isn't supporting much of CSS3 is it?!!