JSFiddle - React, Tailwind, and code Playground

by Ross McIvor

CSS

html {
height: 100%;
background:
	repeating-radial-gradient(
		circle,
		transparent,
		transparent 3.5em,
		red 1em,
		red 4.5em
	),
	repeating-radial-gradient(
		circle,
		transparent,
		transparent 3.5em,
		lime 3.5em,
		lime 4.5em
	);

background-blend-mode: multiply;
background-size: 10em 10em;
background-position:
	0 0,
	5em 5em,
	10em 5em;
}