Create drop shadow with css without images

Saturday, August 27, 2011

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+


Download This Script     View Live Demo for CSS Drop Shadow

No comments:

Post a Comment