JSFiddle - React, Tailwind, and code Playground

by web tiki

HTML

<h1 data-content="EXAMPLE" ><span>EXAMPLE</span></h1>

CSS

body{
    background: url(http://lorempixel.com/output/people-q-c-640-480-1.jpg);
    background-size:cover;
}
h1{
    font-family:arial;
    position:relative;
}
h1 span, h1:after{
    display:inline-block;
    height:0.52em;
    overflow:hidden;
    font-size:5em;
}

h1:after{
    content: attr(data-content);   
    position:absolute;
    top:100%; left:0;
}