ie native box shadow

by kuyabiye

HTML

<div class="box">
<div class="shadow">
    
</div>

</div>

CSS

.box {
 width: 300px;
height: 100px;   
border: 1px solid #000;    
}
.shadow {
 width: 290px;
height: 90px;   
/* parameters: horizontal-offset vertical-offset blur-radius color*/

-moz-box-shadow:5px 5px 5px #cccccc; /*ff3.5+*/

-webkit-box-shadow:5px 5px 5px #cccccc; /*safari3.2+*/

box-shadow:5px 5px 5px #cccccc; /*chrome3+, opera10.5+, ie9+*/ 

/* strength=shadow length. direction=angle in degrees clockwise from midnight. color=name or #nnnnnn*/

filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#cccccc); /*ie5.5-8*/

zoom:1; /*iefix*/    
}