JSFiddle - React, Tailwind, and code Playground

HTML

<h1>EXAMPLE</h1>

CSS

body {
    background: repeating-linear-gradient(45deg, lightgreen 50px, lightyellow 100px);
    height: 100%;
}

html {height: 100% }

h1 {
    font-size: 40px;
    -webkit-mask-image: linear-gradient(0deg, white 20px, transparent 20px,  transparent 24px, white 24px);
}

h1:hover {
    color: red;
}