Saturday, August 27, 2011

Create drop shadow with css without images

With CSS we can create : Drop-shadows are easy enough to create using pseudo-elements. It’s a nice and robust way to progressively enhance a design. This post is a summary of the technique and some of the possible appearances. you can use this technique for your HTML objects

CSS Drop Shadow

Lifted corners
Curled corners
Raised box
Single vertical curve
Vertical curves
Single horizontal curve
Horizontal curves
Rotated box

Browser Support: Firefox 3.5+, Chrome 5+, Safari 5+, Opera 10.6+, IE 9+

Download This Script     View Live Demo for CSS Drop Shadow

No comments:

Post a Comment