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
Perspective
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+

View Live Demo for CSS Drop Shadow