CSS3 Drop & Text Shadows

Drop and Text shadows add a layer of grace and sublety to a layout that few notice but all appreciate. Until now it hasn't been possible to have actual drop and text shadows. CSS3 changes all of that for good.

CSS3 Drop Shadows

CSS3 allows strong or soft drop shadows. The shadows even follow the rounded corners. This paragraph has a drop shadow that is very crisp and close and follows it's slight rounded corners.

This paragraph has a much softer shadow. The combination of rounded corners and drop shadows takes the CSS box-model to a whole new sphere!

CSS3 Text Shadows

Just like drop shadows—text shadows bring a level of sublety to document that are hard to even notice but add a whole dimension. The shadow on this text is tight and close to the text. It brings out the text in a gracefuly way.

This paragraph has a much looser and softer shadow. It gives the text a slight 3rd dimension. CSS3 text shadows can add that extra something to your headline or body copy.

For more information please contact cgcardona [at] gmail [dot] com.