JSFiddle - React, Tailwind, and code Playground

by Ngoc Hieu

HTML

<img src="https://lh5.googleusercontent.com/-5tVqAwUPb8M/UtFlQ-PYRWI/AAAAAAAAAEU/vJNn34y1HrE/w140-h93-p/effect-7.jpg"/>

CSS

img{
    width: 100px;
    height:70px;
    transition: all 0.6s linear;
    -webkit-transition: all 0.6s linear;
    -ms-transition: all 0.6s linear;
    margin: 100px;
}
img:hover{
    transform: scale(1.5) rotate(360deg);
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
}