box shadow collezione - uno

by ian_smithz

HTML

<link href='http://fonts.googleapis.com/css?family=Didact+Gothic' rel='stylesheet' type='text/css'>
<div class="wrap">

  <div class="box box9 shadow9">

  </div>
  
</div>

CSS

body{
  background:#E6EEF6;
}
.wrap{
  margin-left:20px;
}
.box{
  width:200px;
  height:200px;
  float:left;
  background-color:white; 
  margin:25px 15px;
  border-radius:50%;
}
.box9{
  background-color: teal;
}
 .shadow9{
  position:relative;
}

/****************************************************************
*styling shadows
****************************************************************/

.shadow9:before, .shadow9:after{
  position:absolute;
  content:"";
  box-shadow:0 35px 35px 5px #518C96;
  top: 40px;
  left: 30px;
  bottom:40px;
  width:50%;
  z-index:-1;
  -webkit-transform: rotate(-358deg);
  -moz-transform: rotate(-358deg);
  transform: rotate(-358deg);
}
.shadow9:after{
  -webkit-transform: rotate(358deg);
  -moz-transform: rotate(358deg);
  transform: rotate(358deg);
  right: 30px;
  left: auto;
}