.box {
   
    -webkit-transition: width 2s, height 2s, background-color 2s, -webkit-transform 2s;
    transition: width 1s, height 1s, background-color 2s, transform 1s;
}

.box:hover {
  
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}