CodePen

HTML

            
              <div id="inner_container"></div>


<!-- http://nicolasgallagher.com/css-drop-shadows-without-images/demo/ -->
<div id="second"></div>
            
          
!
via HTML Inspector

CSS

            
              body {
  background-color:black;
  padding:50px
}

div#inner_container {
/*    width: 960px;*/
	  width:200px;
  	height:200px;
    margin: 0px auto;
    background-color: rgb(255, 255, 255);
    box-shadow:
						    0 -5px 0px 0 black,
  							0 5px 0px 0 black,            
						    12px 0 15px -4px rgba(255, 255, 255, 0.5),
                -12px 0 15px -4px rgba(255, 255, 255, 0.5);
}





#second {
  margin:100px auto;
  width:200px;
  height:200px;
  background:white;

	position:relative;
     
}

#second:before,
#second:after {
	content:"";
	position:absolute;
	z-index:-2;
}

#second:before {
	top:10px;
	bottom:10px;
	left:0;
	right:50%;
	box-shadow:0 0 30px white;     
}

#second:before {
	right:0;
}

            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................