JSFiddle - React, Tailwind, and code Playground

by Sam Westwood

HTML

<div> <img class="lid" src="https://i.imgur.com/HZP307q.png" alt="panda"> </div>

<div> <img class="box" src="https://i.imgur.com/vKB9hmK.png" alt="panda"> </div>

CSS

.lid:hover
{
        -webkit-transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        transform: rotateZ(-10deg);
        -webkit-transition-timing-function: ease-in-out;
          transition: 0.1s;
}