JSFiddle - React, Tailwind, and code Playground

by Travis Harris

HTML

<div></div>

CSS

div{
  width:420px;
  height:420px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='21' width='21'><defs><linearGradient id='grad' x1='0%' y1='0%' x2='100%' y2='100%'><stop offset='0%' style='stop-color:rgb(0,0,0);stop-opacity:1' /><stop offset='100%' style='stop-color:rgb(255,255,255);stop-opacity:1' /></linearGradient></defs><rect x='0' y='0' width='21' height='21' style='fill:url(%23grad)' /></svg>");
}