box-reflect - CSS

by redky

HTML

<div class="box above"></div>
<div class="box below"></div>
<div class="box right"></div>
<div class="box left"></div>

CSS

.box {
    width: 100px;
    height: 100px;
    margin: 10px;
    background: -webkit-linear-gradient(left, #faa, #ffa );
}

.right {
   margin-top: 110px;
  -webkit-box-reflect: right;
}

.left {
    margin-left: 110px;
  -webkit-box-reflect: left;
}

.above {
    margin-top: 110px;
    -webkit-box-reflect: above 2px;
}

.below {
    -webkit-box-reflect: below;
}