JSFiddle - React, Tailwind, and code Playground

by magnix2k

HTML

<body onload="myFunction()">
<div id="container">
    <div class="header">
		<a href="http://www.svrs.com"><img src="http://staging.vrsii.com/beacon/imgs/logo-svrs.png" id="logo" class="logo-svrs" alt="Sorenson VRS"></a>
	</div>
  </div>
  </body>

CSS

-webkit-filter: brightness(0) invert() !important;
	-ms-filter: brightness(0) invert() !important;
	-moz-filter: brightness(0) invert() !important;
	-o-filter: brightness(0) invert() !important;
    filter: brightness(0) invert() !important;

JavaScript

<script>
	function myFunction() {
    	document.getElementById("logo").style.filter = "brightness(300%)";
		document.getElementById("logo").style.WebkitFilter = "brightness(300%)"; 
		document.getElementById("logo").style.msfilter = "brightness(300%)";
		document.getElementById("logo").style.mozFilter = "brightness(300%)";
		document.getElementById("logo").style.oFilter = "brightness(300%)"; 
}
</script>