JSFiddle - React, Tailwind, and code Playground

by Volker_E

HTML

<img class="rotate-img" src="https://appharbor.com/assets/images/stackoverflow-logo.png" />

CSS

.rotate-img {
    -webkit-transition: all .25s;
       -moz-transition: all .25s;
        -ms-transition: all .25s;
         -o-transition: all .25s;
            transition: all .25s;
}
body:hover .rotate-img {
    -webkit-transform: rotate(90deg) scale(1.2); /* Chrome 4+, Op 15+, Saf 3.1, iOS Saf 3.2+ */
       -moz-transform: rotate(90deg) scale(1.25); /* Fx 3.5-15 */
        -ms-transform: rotate(90deg) scale(1.25); /* IE 9 */
         -o-transform: rotate(90deg) scale(1.25); /* Op 10.5-12 */
            transform: rotate(90deg) scale(1.25); /* Fx 16+, IE 10+ */
    -webkit-transform-origin: left center;
       -moz-transform-origin: left center;
        -ms-transform-origin: left center;
            transform-origin: left center;
    margin: 10% 0 0 20%;
}