JSFiddle - React, Tailwind, and code Playground

by budyniowski

HTML

<div id="closeButton">x</div>

CSS

.rotate {
  transform: rotate(7deg);
}

JavaScript

function rotateButton(){
switch (event.type) {
case 'mouseenter' :
 	event.target.classList.add("rotate")
	break;
case 'mouseleave' :
	event.target.classList.remove("rotate")
	break;
}

}
let rotateableButton = document.getElementById("closeButton")
rotateableButton.addEventListener("mouseenter", rotateButton)
rotateableButton.addEventListener("mouseleave", rotateButton)