.showbox {
	-webkit-transition: 1s ease-in-out;
	-moz-transition: 1s ease-in-out;
	-o-transition: 1s ease-in-out;
	transition: 1s ease-in-out
}
.showbox {
	float: left;
	margin: 4em;
	width: 100px;
	height: 60px;
	border: 2px solid green;
	background-color: #fff;
	line-height: 60px;
	text-align: center
}
.showoff2,.showoff:hover {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-o-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
	border-color: red;
	border-radius: 1em;
	background: red;
	color: #000
}

.showoff2:hover {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	border-color: green;
	border-radius: 0;
	background: green;
	color: #fff
}