JSFiddle - React, Tailwind, and code Playground

by alanhogan

HTML

This version of <a href="https://jsfiddle.net/alanhogan/ykjLf5yr/">this fiddle</a> is successful because it all works on HTML instead of body

CSS

.grayscale {
  filter: grayscale(100%);
}

html {
  background: #dfc;
  color: #32d;
  font-family: sans-serif;
}

JavaScript

window.setInterval(function() {
	document.getElementsByTagName('html')[0].classList.toggle('grayscale');
}, 1000);