Tag: CSS3

Advanced Drop Shadow Effects Using CSS3

Advanced Drop Shadow Effects Using CSS3

In my last blog post, I explained how to give simple box-shadows. Wasn’t it simple and cool?? Box-shadow is a pretty powerful property in modern browsers. With just six little values, you can make some really neat stuff. Box-shadow has six properties: inset, left, top, 

Sleek CSS3 Drop Shadow Effect Without Images

Sleek CSS3 Drop Shadow Effect Without Images

The evolution of CSS3 and HTML 5 has actually made it possible to create drop-shadows using pseudo-elements. It’s a nice and robust way to progressively enhance a design. A couple of pseudo-elements (.drop-shadow:before, .drop-shadow:after) are generated from an element and then pushed behind it. The