JSFiddle - React, Tailwind, and code Playground

by Christian Sonne

HTML

<div>
  LOOK AT ME
</div>

CSS

div {
  position: fixed;
  width: 100%;
  text-align: center;
  font-size: 3em;
  mix-blend-mode: difference;
  color: white;
}

body {
  height: 300vh;
  background: linear-gradient(45deg, white 50%, black 50%);
}