post icon

Drop shadow on mouse over

<a href=”#” >

<img src=”Chrysanthemum.jpg” width=”100″ height=”100″ />

</a>

 

 

<style type=”text/css”>
.imagedropshadow {
padding: 5px;
border: solid 1px #EFEFEF;
}
a:hover img.imagedropshadow {
border: solid 1px #CCC;
-moz-box-shadow: 1px 1px 5px #999;
-webkit-box-shadow: 1px 1px 5px #999;
box-shadow: 1px 1px 5px #999;
}

</style>

 

 

 

 

 

Example :-

 

 

December 29, 2011

Comments are closed.

Leave a comment