Same effect in mouseover and mouseout

dabblet.css

/**
 *
 * Same effect in mouseover and mouseout
 * Different effects in : http://codepen.io/CreativeJuiz/pen/gnIJG
 *
 */

div {
	width: 90px; height: 90px;
	margin: 3em;
	background: #fff;
	border: 20px solid #aaa;
	border-radius: 30px;
	transition: all 2s; /* transition when the mouse over */
}
div:hover {
	border-color: #333;
	transform: rotate(1080deg);
	border-radius: 50%;
}

dabblet.html

<div></div>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}