JSFiddle - React, Tailwind, and code Playground

by Owen Hartley

HTML

<canvas width="1536" height="16" id="canvas"></canvas>

CSS

body {
	background-color: black;
}

JavaScript

var ctx = document.getElementById('canvas').getContext('2d');

for (i=0;i<255;i++) {
	ctx.fillStyle = `rgb(255,${i},0)`;
	ctx.fillRect(i,0,1,16);
}
for (i=0;i<255;i++) {
	ctx.fillStyle = `rgb(255,255,0)`;
	ctx.fillRect(i,0,1,16);
}