Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library
 
CSS Library

Advertise Here

CSS Layouts
Web Graphics
Online Tools:

CSS Library: DIVs and containers: Here

CSS Gradient Shadow

Author: Michael Burt

This is a CSS and JavaScript technique that lets you add a shadow to most elements on your page with a customizable shadow depth and coloring. Just give the element in question a class name of "shadow" to activate the effect.


The CSS:

The HTML:

Code Info

Rate this code:

Date Posted: 01/14/2007

Revision History: None

Usage Terms: Click here

Your Comments (62)

Got a question or need help customizing this CSS code? Post it in the CSS Forums. If you have a comment or suggestion instead, post it in the comments section below.

Comment Pages 2 of 7 pages  <  1 2 3 4 >  Last »

extremely easy to implement and it works fine in both ie7 and ff2.0.0.1

have a look see at http://shiznit.no-ip.info/rjnall
Posted by Harlequin2k6 on 02/14, 09:34 PM
just a follow-up

I used the shadow around my main wrap but I can't get the shadow to work around the image...
Posted by Harlequin2k6 on 02/15, 09:19 PM
could not get this to work in expression web designer, can you do a tutorial for expression web?
thanks
Posted by rahdin on 02/26, 09:16 PM
Is there any way to get text for the shadow. I'm not a expert, so i need a little help here.
Posted by Connor on 03/26, 08:22 AM
this is a very interesting Website! This teaches me a lot of things in regards to CSS!
Posted by sonia pfeifle on 03/30, 02:08 AM
cool
it's very easy to use ~~
Posted by Endis on 05/01, 12:46 AM
I would also like to know how to put a shadow on the whole page
Posted by Penn Wooding on 05/15, 09:41 AM
nice script!
Posted by ray charles on 05/21, 10:52 AM
works really well, bit heavy though
Posted by ray on 05/28, 05:05 AM
The great tool ever i seen
Posted by Shaon on 06/05, 01:22 PM

Comment Pages 2 of 7 pages  <  1 2 3 4 >  Last »


Commenting is not available in this weblog entry.
Copyright 2006-2014 Dynamic Drive Read our Usage Terms before using any of the CSS codes.