Creating shadows in HTML

Wednesday, September 5, 2001 by Tarkus | Discussion: WinCustomize Talk

I would like to create shadows to an image in HTML, on the fly. It has to be on the fly, because the image will change (though the dimensions won't).

Can this be easily done?
T-Man
Reply #1 Thursday, September 6, 2001 7:34 AM
Hmmm, Thats an interesting one. You could probably fake it by creating an image that was just the shadow portion and with the use of DHTML/Javascript place the shadow as needed and where you need it.

Maxim
Reply #2 Thursday, September 6, 2001 8:21 AM
Easy (if the image is rectangular) - put it in a table with the shadow in adjoining cells. It is/was possible to do this properly (proper blurred drop shadows with transparency) in IE, but it's one of the features noone ever used so they might have removed it.
craeonics
Reply #3 Thursday, September 6, 2001 12:36 PM
CSS2 has a dropshadow attribute. Not quite sure if this will also work on graphics (it was intended for text).
Tarkus
Reply #4 Thursday, September 6, 2001 1:46 PM
Thanks for the replies. It looks like the table idea is probably the best for my needs.

Please login to comment and/or vote for this skin.

Welcome Guest! Please take the time to register with us.
There are many great features available to you once you register, including:

  • Richer content, access to many features that are disabled for guests like commenting on the forums and downloading skins.
  • Access to a great community, with a massive database of many, many areas of interest.
  • Access to contests & subscription offers like exclusive emails.
  • It's simple, and FREE!



web-wc01