Advanced drop shadows with CSS3

Without Drop Shadow
Soft drop shadow
Lateral shadows
Single lateral
Horizontal shadows
Single horizontal
Curve shadows
Single Curve
Experimental shadows

Back to the article (fr)

Tested on Firefox 3.6.13, Opera 11.01, Safari 5.0.3, good rendering.
Tested on Chrome 9.0.5, well rendered, a little bug for the last shadow.
Fallback for Internet Explorer under testing mode :p

By Geoffrey Crofte.

X-Ray, idea from Felipe, name given by Raphaël, conception by Geoffrey.

Back to the blog article