this was shown before and it dont work anyway in most browsers
-makes a good excuse to your client when the project is late though!

What browsers have you found that this doesn’t work on? It works on IE, Safari, Firefox, Chrome and Opera. It’s really a very simple piece of CSS, and there’s not that much that can break down in terms of cross browser compatibility. If you’ve had problems in other browsers then please let me know, and then I can update the tutorial.

Lynx, Netwave, Wii, PSP,Iphone, blackberry :)
*mobile, OperaMini
seriously, an ‘effect’ that relies on you resizing the window=fail
90% of effects fail anyway, but this one especially.

dont take it personally,especially as you never even came up with it originally or anything

Ah, I got you. And yeah, definitely it’s a pretty pointless effect on a mobile. Even on non-mobile I agree, it’s an effect that’s very rarely going to come into use, because people don’t generally resize their window. More really a demonstration that it’s worth thinking outside the box with CSS, because you can do a reasonable amount before you revert to Javascript, Flash etc for visual impact.

even though the effect demonstrated is generally forgiving of exact dimensions and positioning, it’s best to have some sort of CSS reset to hard set some browser defaults like padding,etc (which vary amongst browsers)