JSFiddle - React, Tailwind, and code Playground

by alanhogan

HTML

Bug:  Some browsers will apply the filter to the text, but not the background.

CSS

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

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

JavaScript

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