JSFiddle - React, Tailwind, and code Playground

by sandro_paganotti

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 50%, grey 50%, grey);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}