<div id="box1">
		<p>Box</p>
	</div>
#box1{
	width:10%;
    border:2px solid red;
    text-align:center;
    display:inline-block;
    margin:4em;
    transition:1.5s ease-in-out;
}
#box1:hover{
	background-color:#1abc9c;
	border:2px solid black;
	border-radius:40px;
  -webkit-transform:rotate(360deg) scale(1.5,1.5);
	-ms-transform:rotate(360deg) scale(1.5,1.5);
	-moz-transform:rotate(360deg) scale(1.5,1.5);
	-o-transform:rotate(360deg) scale(1.5,1.5);
	transform:rotate(360deg) scale(1.5,1.5);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.