CSS Drop Shadow Tests By Phil Baines
Drop shadow on an image
CSS code:
<div>
<p><strong>Test 1</strong><br />
This has one wrap div and the border is applied to a paragraph.</p>
</div>
.dropshadow1{
float:left;
clear:left;
background: url(images/shadowAlpha.png) no-repeat bottom right !important;
background: url(images/shadow.gif) no-repeat bottom right;
margin: 10px 0 10px 10px !important;
margin: 10px 0 10px 5px;
width: 500px;
}
.dropshadow1 p{
position:relative;
bottom:6px;
right: 6px;
border: 1px solid #999999;
padding:4px;
font-size:14px;
margin: 0px;
}
Please read the article at the website..
Online Demo:
http://www.wubbleyew.com/tests/dropshadows.htm