JSFiddle - React, Tailwind, and code Playground

HTML

<span>H</span>
<span>e</span>
<span>l</span>
<span>l</span>
<span>o</span>

CSS

span{
   font-size: 100px;
   background: linear-gradient(to right, black, black 20%, white 80%, white);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}