How to make text reflection effect with HTML and CSS?

Hello Friends! In this tutorial am going to make text reflection effect using html and css. If you like video please like, share, comment and subscribe the channel for more videos.

Please Watch More Videos.
=========================

[roicarl]

Your program does work as presented. However, it would really be useful in this day and age if it were responsive.

[crisantojoshuarebusa]

.header h2:before {
content: attr(data-text);
position:absolute;
transform-origin: bottom;
transform: rotateX(180deg);
line-height: 0.95em;
background: linear-gradient(0deg, #fff 0, transparent 80%);
-webkit-background-clip:text;
color: transparent;

opacity: 0.8;


i don't get it after i put the "color:transparent; the upside down text disappears completely what am i doing wrong