One side only shadow

by panique

HTML

<div id="anti-shadow-div">
    <div id="shadow-div"></div>
</div>

CSS

#shadow-div{
    margin-right:20px; /* Set to 0 if you don't want shadow at the right side */
    margin-left:00px; /* Set to 0 if you don't want shadow at the left side */
    margin-top:00px; /* Set to 0 if you don't want shadow at the top side */
    margin-bottom:00px; /* Set to 0 if you don't want shadow at the bottom side */
    box-shadow: 0px 0px 20px 10px black; 
    height:100px;
    width:100px;
    background: red;
}

#anti-shadow-div{
    margin:20px;
    overflow:hidden;
    background-color:green;
}