Heltblank

Simple CSS/jQuery drop shadow

This code show how to create a very simple drop shadow effect to all images with a given css class.

First give the images you want the shadow for the class “contentimage”.

Then some jQuery:

$('.contentimage').wrap("<span class='wrap1'><span class='wrap2'><span class='wrap3'></span></span></span>");

Then some css:

 .wrap1, .wrap2, .wrap3 { display: block; }
 .wrap1 { border: 1px solid #DDD; }
 .wrap2 { border: 1px solid #BBB; } 
 .wrap3 { border: 1px solid #999; }