Shadows

newest | top rated | most popular | most commented

Added by aycarumba, 1 Year, 6 Days, 21 Hours, 36 Minutes ago

Technique to build flexible CSS drop shadows applied to arbitrary block elements. Most of the existing techniques for creating element shadows use images, this one doesn't. IT uses plain simple CSS.

3 | Site Elements > Image Effects > Shadows

6.0/10

Currently 5.50/10

yDSF - Robust Drop Shadows

Added by legogirl, 1 Year, 2 Months, 3 Weeks, 6 Days, 7 Hours, 36 Minutes ago

Soft alpha-blended drop shadows that scale with the size of the box. The drop shadows are implemented in valid XHTML and CSS, with no CSS hacks or JavaScript. We call it ydnar Drop-Shadow-Fu.

0 | Site Elements > Image Effects > Shadows

9.0/10

Currently 9.00/10

CSS Drop Shadows

Added by aycarumba, 1 Year, 3 Months, 1 Week, 1 Day, 9 Hours, 50 Minutes ago

This examples shows how to add a drop shadow to any container element using only CSS (no images). It does this by wrapping the desired content in a DIV with its background color set to the desired shadow color. The content itself is relatively positioned and shifted slightly upwards and to the left to expose the shadow. A "master" DIV that surrounds the entire markup is also relatively positioned,…

0 | Site Elements > Image Effects > Shadows

10.0/10

Currently 10.00/10

Drop Shadows with CSS

Added by aycarumba, 1 Year, 3 Months, 1 Week, 1 Day, 10 Hours, 6 Minutes ago

Apply drop shadows to images on your site with CSS. It is cross-browser friendly and works in the following browsers:

Windows
* Firefox 1+
* IE 5+
* Opera 7+
* Netscape 6+

Mac
* Safari 2.0
* Firefox 1+
* IE 5.2
* Camino 1+

0 | Site Elements > Image Effects > Shadows

7.0/10

Currently 6.67/10