JSFiddle - React, Tailwind, and code Playground

by Christian Sonne

HTML

<div><p><span>SOME TEXT</span></p></div>

CSS

p {
  /* filter: contrast(100%); */
  /* filter: invert(1) */
}

p span {
  font-size: 4em;
  color: white;
  mix-blend-mode: difference;
}

div {
  background: radial-gradient(ellipse at bottom right, #c4c4c4, #c4c4c4 70%, #f2f2f2 70%, #f2f2f2)
}