JSFiddle - React, Tailwind, and code Playground

HTML

<div>
test test test testtest testtest testtest testtest testtest test
test testtest testtest testtest testtest testtest test
test testtest testtest testtest testtest test
test testtest testtest testtest testtest test
test testtest testtest testtest testtest test
test testtest testtest testtest testtest test
test testtest testtest testtest testtest test
test testtest testtest testtest testtest test
test testtest testtest testtest testtest test
test testtest testtest testtest testtest test
test testtest testtest testtest testtest test
test testtest testtest testtest testtest test
</div>

CSS

div {
    border:1px red solid;
    color: red;
    width: 200px;
    -webkit-mask-image:-webkit-radial-gradient(rgba(255,0,0,1), rgba(255,0,0,0));
}