JSFiddle - React, Tailwind, and code Playground

by ZachWills

HTML

<div class="circle"></div>

CSS

* {
    transition:all 0.5s ease;
    box-sizing:border-box;
}

.circle {
    border-radius:50%;
    height:100px;
    width:100px;
    top:30px;
    left:30px;
    border:15px dashed red;
}

.circle:hover { 
    -webkit-transform: rotate(359deg);
    border:25px dashed red;
}