JSFiddle - React, Tailwind, and code Playground

by Ilya Karpuk

HTML

<img id="rotateimage" src="http://www.flaticon.com/png/256/25339.png"/>

CSS

#rotateimage {
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
    }
    #rotateimage:hover {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }