Drop shadow effect

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

Please share it
Email this to someoneShare on Google+Pin on PinterestTweet about this on TwitterShare on LinkedInShare on Facebook