I use these with caution on animated pages or large elements; I don't have links to hand, but have lots of anecdotal stories of performance degradation with CSS drop shadows. Just a friendly word of (unbacked) warning to frontend devs :)
Brilliant use of CSS drop shadows
11–20 of 61 posts
Re: Brilliant use of CSS drop shadows
#12Nice. Which browsers does it work in? Firefox 3.6 works, IE7 doesn't. Not tested other versions of IE.
The good thing is that in IE<9, it just shows a white box. But it's still perfectly readable and usable, it just looks less fancy, which is an acceptable loss in some cases.
Re: Brilliant use of CSS drop shadows
#13Nice. Which browsers does it work in? Firefox 3.6 works, IE7 doesn't. Not tested other versions of IE.
Firefox 3.6 and Chrome all good though.
Re: Brilliant use of CSS drop shadows
#14I use these with caution on animated pages or large elements; I don't have links to hand, but have lots of anecdotal stories of performance degradation with CSS drop shadows. Just a friendly word of (unbacked) warning to frontend devs :)
Re: Brilliant use of CSS drop shadows
#15Re: Brilliant use of CSS drop shadows
#16I use these with caution on animated pages or large elements; I don't have links to hand, but have lots of anecdotal stories of performance degradation with CSS drop shadows. Just a friendly word of (unbacked) warning to frontend devs :)
Drop shadows are very slow when animated because they have to be recalculated every time they move.
Think what the latest game engines can do at 60fps, why oh why do our browsers still sweat over a few alpha channels in 2011?
EDIT: My galaxy S phone runs Quake 3 at 60fps, flawlessly. MY PHONE RUNS QUAKE 3! Why can't my browser do alpha blending at more than 10fps?
Re: Brilliant use of CSS drop shadows
#17Performance: o_O
Re: Brilliant use of CSS drop shadows
#18Nice. Which browsers does it work in? Firefox 3.6 works, IE7 doesn't. Not tested other versions of IE.
I fired up a VM with Windows XP with IE8, that's how it looks there: http://ge.tt/4bP3tEZ/ie8.png Firefox 3.6 and Chrome all good though.
Re: Brilliant use of CSS drop shadows
#19Nice. Which browsers does it work in? Firefox 3.6 works, IE7 doesn't. Not tested other versions of IE.
Works on the defualt browser,
Works on the Opera Mobile brwoser,
Works on the Firefox browser.
So my mobile phone has better CSS rendering then my desktop IE8. Go figure.
Re: Brilliant use of CSS drop shadows
#20Earlier quoted context omitted.
Drop shadows are very slow when animated because they have to be recalculated every time they move.
The fact that you are correct is laughable in this age of GPUs commonly having 512mb+ of dedicated RAM. Think what the latest game engines can do at 60fps, why oh why do our browsers still sweat over a few alpha channels in 2011? EDIT: My galaxy S phone runs Quake 3 at 60fps, flawlessly. MY PHONE RUNS QUAKE 3! Why can't my browser do alpha blending at more than 10fps?