/*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);

}