Heltblank

Text

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; }
Posted on Wednesday, January 6 2010. Tagged with: jquerycss
1
Notes
  1. centurydirectgroupscamprevention liked this
  2. heltblank posted this
Heltblank www. stuff
Previous Next