26 Miles

Onion Skinned Drop Shadows

// June 15th, 2007 // Technology

For many years one of the Holy Grail’s of web design was achieving drop shadows on images without having to manually edit the images to create the effect.

Many tried, and many failed. But one of the best implementations I’ve seen is the Onion Skinned Drop Shadows by Brian Williams (yes, I’m linking to a 3-year-old article again).

From the article:
[...]
“…if you wish to create visual effects that expand and contract to fit any object, require no image manipulation, and render the same across all browsers, then ‘Onion Skinned Drop Shadows’ may be just what you’ve been looking for.”
[...]

It’s not for CSS rookies, but if you dare, give it a shot. It works well.