.img-box {
width: 100%;
height: 44.8vw;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
-webkit-box-reflect: below 1px -webkit-linear-gradient(bottom, rgba(0,0,0,0.5) 0px, rgba(0,0,0,0) 20px);
}
底边的倒影
原文：http://www.cnblogs.com/aliceblake/p/6293061.html