<div class='below'>below</div>
<!-- <div class='above'>above</div>
<div class='right'>right</div>
<div class='left'>left</div> -->

div {
	margin: 50px auto 200px;
	width: 200px;
	height: 200px;
	background-image: url('http://images2015.cnblogs.com/blog/608782/201609/608782-20160926101029078-1479229145.jpg');
}

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

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

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

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

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.