CSS shadow for top and bottom of a div

http://stackoverflow.com/questions/22457944/how-to-make-a-css-shadow-for-top-and-bottom-part-of-a-div?lq=1

by ctnels

HTML

<h2>CSS shadow for top and bottom of a div</h2>

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

CSS

.box {
    width: 200px;
    height: 250px;
    border: 1px solid #ccc;
    
    box-shadow: 0  8px 8px -8px rgba(0,0,0,.75), 
                0 -8px 8px -8px rgba(0,0,0,.75);
}

body {
    padding: 10px 40px;
}
p { 
    margin-bottom: 60px; 
}