Skip to content

Instantly share code, notes, and snippets.

@secondfret
Created December 29, 2011 18:45
Show Gist options
  • Save secondfret/1535530 to your computer and use it in GitHub Desktop.
Save secondfret/1535530 to your computer and use it in GitHub Desktop.
Design Shack CSS Mouse In/Out Example 4
/**
* Design Shack CSS Mouse In/Out Example 4
*/
#loremdiv {
margin: 100px;
height: 200px; width: 200px;
background: black;
-webkit-transition: -webkit-border-radius 0.5s ease-in;
-moz-transition: -moz-border-radius 0.5s ease-in;
-o-transition: border-radius 0.5s ease-in;
-ms-transition: border-radius 0.5s ease-in;
transition: border-radius 0.5s ease-in;
}
#loremdiv:hover {
background: gray;
-webkit-transform: rotate(1080deg);
-moz-transform: rotate(1080deg);
-o-transform: rotate(1080deg);
-ms-transform: rotate(1080deg);
transform: rotate(1080deg);
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
<div id="loremdiv">
</div>
{"view":"split-vertical","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment