JSFiddle - React, Tailwind, and code Playground

by Mr_Vasu

HTML

<div></div>

CSS

div{width:200px;height:200px; border:1px solid #cdcdcd;
    transition:all 2s ease-out;margin:20px 20px;
    -weebkit-transition:all 2s ease-out;border-radius:1px;
    background: -webkit-radial-gradient(red, yellow , gold);
    background:radial-gradient(red, yellow, gold);
}

div:hover{ transform:rotate(95deg);border:1px solid yellow;width:100px;
    background:radial-gradient(yellow, orange, red);height:00px;
    background: -webkit-radial-gradient(yellow , orange, red);
border-radius:15px;
}