JSFiddle - React, Tailwind, and code Playground

by Arvind Pal

HTML

<img src="https://codetwocdn.azureedge.net/images/mail-signatures/twitter-35x35.gif" width="30" height="30"/>
<img src="https://codetwocdn.azureedge.net/images/mail-signatures/facebook-35x35.gif" width="30" height="30"/>
<img src="https://codetwocdn.azureedge.net/images/mail-signatures/linkedin-35x35.gif" width="30" height="30"/>

CSS

img {
  border-radius: 50%; 
  transition: transform 0.8s ease-in-out;
}

img:hover {
transform: rotate(1turn); 
  transition: transform 0.8s ease-in-out;
}