TAG
CSS
Result
Run
License
<div class="wrapper"> <div>ROTATE</div> </div>
.wrapper { width: 100px; height: 100px; position: relative; left: calc(50vw - 50px); top: calc(50vh - 50px); } .wrapper > div { width: 100%; height: 100%; border-radius: 50%; background-color: #FF0000; color: #FFF; text-align: center; line-height: 100px; transition: 0.3s; } .wrapper > div:hover { transform: rotate(90deg); }
Console
expand_less
License
License
by DevDic
Close