JSFiddle - React, Tailwind, and code Playground

by Lalji Tadhani

HTML

<header>
    <img width="50px" src="https://cdn.pixabay.com/photo/2016/11/29/04/19/beach-1867285_960_720.jpg" alt="Logo" class="profile-image">
</header>
teste

CSS

.profile-image {
    /* animation duration on transform */
    transition: transform .2s;

    /* set initial values */
    transform: scale(1) rotate(0deg);
}
header .profile-image:hover, .profile-image:active {
  transform: scale(2.3) rotate(360deg);
  -webkit-transform: scale(2.3) rotate(360deg);
}