Create CSS drop shadows the easy way

In most of our Web Development projects, we also design the majority of the builds and have discoved something that our design team likes to add to most of their designs; Box Drop Shadows. These give a box more depth and just give the element a bit more than just a flat appearance.

As a Web Developer we would use an image to achieve this look, we could also create the shadow with CSS3 but then we would run into problems within Internet Explorer, so it's generally a safer option to just use an image.

We can now create these drop shadows with a great little jQuery plugin called pShadow

pShadow, short for ‘paper shadow’, is a jQuery extension that adds realistic drop shadows to HTML elements, which works in Internet Explorer (IE8, IE7, IE6 with some clever trickery), Firefox, Chrome, Safari, Opera, and any other modern browser you care to mention.  It’s free to download and use, and you can see an example on the demo page.

Source: matthewdawkins.co.uk