[css-d] Shadows without images
Hey guys, Thought you might want to check this out. This guy has made shadows without using images. It uses a pretty good number of divs, but it still looks pretty good. I wonder, would this method be faster or slower than using images? I mean after all, the browser does have to create the space and then fill with it with the correct color. Either way, here's the link (and yes it was on digg): http://www.webtoolkit.info/css-drop-shadow.html Enjoy, Martin __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Shadows without images
From: Martin Davis Thought you might want to check this out. This guy has made shadows without using images. It uses a pretty good number of divs, but it still looks pretty good. I wonder, would this method be faster or slower than using images? I mean after all, the browser does have to create the space and then fill with it with the correct color. Either way, here's the link (and yes it was on digg): http://www.webtoolkit.info/css-drop-shadow.html It should be plenty fast, but you'd have to benchmark it to be sure. I noticed a couple of problems right away: 1) The code uses the same id= attribute on multiple elements. This needs to be a class= instead. 2) It uses only half as many divs as it needs. The two-pixel stairstepping is just a bit too visible. It should offset the divs by one pixel instead of two for a smoother shadow. -Mike __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Shadows without images
More demos of css-shadows: http://www.cssplay.co.uk/menu/shadow.html http://www.cssplay.co.uk/menu/shadow2.html http://www.cssplay.co.uk/menu/shadow_boxing.html On 11/19/06, Martin Davis [EMAIL PROTECTED] wrote: http://www.webtoolkit.info/css-drop-shadow.html Enjoy, Martin __ css-discuss [EMAIL PROTECTED] ] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Shadows without images
On Nov 19, 2006, Martin Davis wrote: Hey guys, Thought you might want to check this out. This guy has made shadows without using images. It uses a pretty good number of divs, but it still looks pretty good. I wonder, would this method be faster or slower than using images? I mean after all, the browser does have to create the space and then fill with it with the correct color. Either way, here's the link (and yes it was on digg): http://www.webtoolkit.info/css-drop-shadow.html I think it looks very good :) It could be used around tables (i.e. actual use of tables to present data of course) very effectively I suspect. I think I'm going to try this out. -- Patrick http://www.patrickjames.me.uk __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/