YAS

/*easings.net*/
.icon{
background:red;
width:350px;
height:180px;
transition: background 1s ease 0.5s,
font-size 1s ease,
color 1s ease,
width 1s ease,
border-radius 1s ease,
transform 0.5s ease;

}
.icon:hover{
background:blue;
font-size: 10em;
color:white;
width:300px;
height:300px;
border-radius:100%;
transform:rotate(360deg);

}