<div id="para_div">
	<p>My Text</p>
	<p id="refl">My Text</p>
</div>

@import url('https://fonts.googleapis.com/css?family=Noto+Sans');

* {
  font-family: 'Noto Sans', sans-serif;
	font-size: 40px;
	color: white;
	margin: 0;
  font-style: italic;
}

body {
  background-color: black;
  text-align: center;
}

#para_div {
	padding: 20px 40px;
}

#refl {
	-moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
   transform: scaleY(-1);
  -moz-transform: rotateX(210deg);
  -o-transform: rotateX(210deg);
  -webkit-transform: rotateX(210deg);
  transform: rotateX(210deg);
  perspective: 200px;
	-webkit-mask-image: -webkit-gradient(linear, right top, right bottom, from(transparent), color-stop(20%, transparent), to(rgba(0, 0, 0, 0.4)));
}