JSFiddle - React, Tailwind, and code Playground

by Donna Torr

HTML

<img width="350" height="350" src="https://commons.wikimedia.org/wiki/File:Circle_-_black_simple.svg" />

CSS

img {
    -webkit-transition: -webkit-transform 2s ease-out;
}

JavaScript

var img = document.querySelector('img');
img.addEventListener('click', onClick, false);


function onClick() {
    this.removeAttribute('style');
    
    var deg = 500 + Math.round(Math.random() * 500);
    
    var css = '-webkit-transform: rotate(' + deg + 'deg);';
    
    this.setAttribute(
        'style', css
    );
}