<div></div>

div {
    width: 100px;
    height: 100px;
    background: red;
    -webkit-transition: width 2s, height 2s, -webkit-transform 2s; /* Safari */
    transition: width 2s, height 2s, transform 2s;/*How long the transition is*/
}
div:hover {
    width: 300px;/*final width*/
    height: 300px;/*final height*/
    -webkit-transform: rotate(360deg); /* Safari */
    transform: rotate(360deg);/*spin*/
}