JSFiddle - React, Tailwind, and code Playground

by justforuse

HTML

<h2>
  Lorem, ipsum dolor sit amet consectetur adipisicing elit. Odit nulla totam, minima inventore necessitatibus sint molestiae repellat esse nostrum. Perspiciatis.
</h2>
<input type="text">
<h2>
  Lorem, ipsum dolor sit amet consectetur adipisicing elit. Odit nulla totam, minima inventore necessitatibus sint molestiae repellat esse nostrum. Perspiciatis.
</h2>
<input type="text">
<h2>
  Lorem, ipsum dolor sit amet consectetur adipisicing elit. Odit nulla totam, minima inventore necessitatibus sint molestiae repellat esse nostrum. Perspiciatis.
</h2>
<h2>
  Lorem, ipsum dolor sit amet consectetur adipisicing elit. Odit nulla totam, minima inventore necessitatibus sint molestiae repellat esse nostrum. Perspiciatis.
</h2>
<input type="text">
<h2>
  Lorem, ipsum dolor sit amet consectetur adipisicing elit. Odit nulla totam, minima inventore necessitatibus sint molestiae repellat esse nostrum. Perspiciatis.
</h2>

CSS

body::after {
  content: '';
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url('https://raw.githubusercontent.com/justforuse/justforuse.github.io/code/static/images/2019/4/watermark.png');
  opacity: 0.3;
  pointer-events: none;
}