Nice box shadows (give "bloc curve" class to the box you want) - for fixed height

gistfile1.scss

.bloc {
  position: relative;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  display: inline-block;
  vertical-align: top;
  background: white;
  // background: rgba(117, 208, 142, 1);
  // background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.11, #53D08E), color-stop(0.56, rgba(117, 208, 142, 1)));
  // background-image: -webkit-linear-gradient(center bottom, #53D08E 11%, rgba(117, 208, 142, 1) 56%);
  // background-image: -moz-linear-gradient(center bottom, #53D08E 11%, rgba(117, 208, 142, 1) 56%);
  // background-image: -o-linear-gradient(center bottom, #53D08E 11%, rgba(117, 208, 142, 1) 56%);
  // background-image: linear-gradient(center bottom, #53D08E 11%, rgba(117, 208, 142, 1) 56%);
  // -pie-background: url(bg-image.png) no-repeat, linear-gradient(rgba(117, 208, 142, 1), #53D08E);
  // -webkit-box-shadow: 0 0 65px #54D08E inset, 0 0 20px #BEAE8C inset;
  // -moz-box-shadow: 0 0 65px #54D08E inset, 0 0 20px #beae8c inset;
  // -ms-box-shadow: 0 0 65px #54D08E inset, 0 0 20px #beae8c inset;
  // -o-box-shadow: 0 0 65px #54D08E inset, 0 0 20px #beae8c inset;
  // box-shadow: 0 0 65px #54D08E inset, 0 0 20px #BEAE8C inset;
  // behavior: url(ie/PIE.htc);
}

.curve:before {
  bottom: 13px;
  left: 5px;
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg);
  -webkit-box-shadow: 7px 15px 15px #667;
  -moz-box-shadow: 7px 15px 15px #667;
  -ms-box-shadow: 7px 15px 15px #667;
  -o-box-shadow: 7px 15px 15px #667;
  box-shadow: 7px 15px 15px #667;
  behavior: url(ie/PIE.htc);
}

.bloc:before {
  background: #008000;
}

.bloc:after, .bloc:before {
  content: " ";
  position: absolute;
  width: 50%;
  height: 100px;
  z-index: -10;
}

.curve:after {
  bottom: 13px;
  right: 5px;
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  transform: rotate(5deg);
  -webkit-box-shadow: -7px 15px 15px #667;
  -moz-box-shadow: -7px 15px 15px #667;
  -ms-box-shadow: -7px 15px 15px #667;
  -o-box-shadow: -7px 15px 15px #667;
  box-shadow: -7px 15px 15px #667;
  behavior: url(ie/PIE.htc);
}

.bloc:after {
  background: #F00;
}

.bloc:after, .bloc:before {
  content: " ";
  position: absolute;
  width: 50%;
  height: 100px;
  z-index: -10;
}