Information
This is my attempt at producing something a little different from the millions of css drop-shadow methods already available on the web
This one is a multi-position method that does not limit you to having the shadow in one position only. With this one it can be resized to fit any image and positioned where you like beneath it.
This one does not use absolute positioned background images but uses an absolute positioned displayed image so that it can be placed where you want over the background shadow.
The shadow is made up of background images placed in a series of ems which are floated into position. A few calculations are required to make the shadow the correct size for each image but this is not difficult and if you look at my code then you will see that it is fairly straightforward.
As with all of the other available methods, that use only css, this does require extra markup which is not semantically correct but a few extra em tags didn't hurt anyone ;o)
It also works in IE5.5
If anyone wants to convert this into javascript then be my guest. This site, however, is CSS only so I will not be attempting this.
Copyright
You may use this method on your personal 'non-profit' web site without seeking my permission. A link back to CSSplay is always appreciated.
Commercial usage is also permitted without seeking approval, but I would ask that a donation is considered to support my work on CSSPlay.
If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.
CSS play Recommend
- Myspace layouts and counter
Lyrics, polls, images & backgrounds -Free! - Register Domain Name
- Website Design
- Leading digital agency
Search & social experts to increase traffic - web designer
- Online PR-Portal Social Media News
Our Press releases you can read on OA News - wholesale
- SEO
Free SEO Analysis From SEO Consult - SEO
- Phuket guide
A complete guide to Phuket - www.thai.se
Thailand guide - Northstar Hire
Pre book private car hire, Gloucester UK - Pretronics UK
Pre Press Servicing - Web Hosting
Plans start at only $2.99/month - Web Banner Design
Unique designs from $20
CSS play Testimonial
"The 
web site uses
CSS play code for the site drop down menus.
This code works seamlessly in IE 6 & 7, and is an excellent solution to the Creative requirements of the site."
Damon Clark - Brandwidth