JSFiddle - React, Tailwind, and code Playground

by Scott Kaye

CSS

body {
	background-image: url("http://i.imgur.com/nbINOqD.png");
	background-repeat: no-repeat;
}

JavaScript

window.addEventListener("mousemove", function(e) {
	var x = e.pageX;
	var y = e.pageY;
	
	var px = (x / window.innerWidth) * 360;
	var py = (y / window.innerHeight) * 100;
	
	var color = "hsl(" + px + ", 100%, "+ py +"%)";
	
	document.body.style.backgroundColor = color;
}, false);