JSFiddle - React, Tailwind, and code Playground

by mackry

HTML

<span class="demo-1">Oh heeey!</span>

CSS

body {
    background: #143666;
    margin: 0;
    padding: 20px;
    text-transform: uppercase;
}
span {
        
        background: url(http://ryan.blot.im/_images/us.gif) no-repeat center;
        background-size: cover;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: #fff;
    font-size: 20vw;
    position: relative;
}
span:after {
    background: none;
    content: 'Oh heeey!';
    left: 0;
    position: absolute;
    text-shadow: 6px 6px 9px red;
    top: 0;
    z-index: -1;
}