cialis online pharmacy generic xenical cheap cialis online cialis generic viagra online in canada buy cheap levitra online cialis without a perscription order viagra uk no prescription flagyl cheap generic levitra buying viagra in the uk cheap viagra approved cialis deltasone online buy viagra online without prescription non prescription cialis buy orlistat uk buy cialis in india prednisone 60 mg female viagra online buy viagra without prescription celebrex prescriptions buy cialis canada best prices viagra alternative to prednisone cheapest generic levitra levitra 5mg cheap viagra cialis on line buy xenical without prescription online accutane canadian health care prednisone no prescreption viagra online generic female viagra europe buy cialis low price cheap india viagra

CSS Drop Shadows Without Images

Drop-shadows are easy enough to create using pseudo-elements. It’s a nice and robust way to progressively enhance a design. This article CSS drop-shadows without images is a summary of the technique and some of the possible appearances.

There is no need for extra markup, the effect can be applied to a single element. A couple of pseudo-elements (.drop-shadow:before, .drop-shadow:after)  are generated from an element and then pushed behind it. The pseudo-elements need to be positioned and given explicit or implicit dimensions.
The next step is to add a CSS3 box-shadow and apply CSS3 transforms. Different types of drop-shadow can be produced by varying these values and the types of transforms applied.

Requirements: Firefox 3.5+, Chrome 5+, Safari 5+, Opera 10.6+
Demo: http://nicolasgallagher.com/css-drop-shadows
License: License Free

Related Posts

How to Create a Custom WordPress Registration Form with Flat UI

Convert PSD Files to HTML and CSS with PSDSlicing

Dabblet CSS and HTML Editor

ExpandingTextarea jQuery Plugin

1 Comment

  1. Raghavendra

    02.21.2011

    cool effect man very nice.

    Thank you