CSS drop-shadow

by michananya

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<div class="container">


  <div class="drop-shadow curved curved-hz-1">
    Single horizontal curve
  </div>

</div>

CSS

/* Shared styles */
.drop-shadow {
    position: relative;
    float: left;
    width: 30%;
    padding: 20px;
    margin: 20px;
    background: #fff;
    box-shadow: 0 0px 20px rgba(0, 0, 0, 0.2)
}