Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Same effect in mouseover and mouseout
/**
*
* 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%;
}
<div></div>
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.