<div class="box"></div> 
.box {
  width: 250px;
  height: 250px;
  background: green;
  transition: all .5s; ease 2s;
}
.box:hover {
  border-radius: 50%;
  transform: rotate(360deg);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.