JSFiddle - React, Tailwind, and code Playground

by Kingdaro

HTML

<div id='lol'>shut the fuck up ok</div>

CSS

div#lol{
  font: 32pt Verdana, sans-serif;
  font-weight: bold;
  margin: 50% auto 50%;
  width: intrinsic;
}

JavaScript

var div = document.getElementById('lol');
var time = 0;
var fps = 200;

function herp() {
  time += 1/fps;
  div.setAttribute('style', 
                   "color: hsl(" + time*100 % 360 + ", 90%, 50%);"+
                   "-webkit-transform: rotate("+ Math.sin(time)*30 +"deg);");
  console.log(time * 360);
  setTimeout(herp, 1/fps);
}

herp();