Create reflections in text or image using HTML and CSS
HTML:
<h1 class="title">TEXT</h1>
CSS:
body{
background: #000;
}
.title{
color: #fff;
font-size: 100px;
font-weight: normal;
line-height: 80%;
font-family: sans-serif;
text-align: center;
margin-top: 50%;
-webkit-box-reflect: below 0px linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.4));
}