JSFiddle - React, Tailwind, and code Playground

by EYALIN

HTML

<img width="350" height="350" src="http://s30.postimg.org/nus7kkgv5/Circle_bl1ack_simple_fullpage_svg.png" />

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
    );
}