JSFiddle - React, Tailwind, and code Playground

HTML

<div class="rotate">
</div>

CSS

div {
    background: red;
    border: 5px solid green;
    width: 200px;
    height: 200px;
  
}

div:hover {
     animation: rotate 2s linear infinite;
     border: 5px dotted blue;
}

@keyframes rotate {
    from{
        transform: rotate(0deg);
    }
    to{
      transform: rotate(180deg);
    }
}