Skip to content

Instantly share code, notes, and snippets.

@jakearchibald
Forked from anonymous/dabblet.css
Created March 26, 2012 09:38
Show Gist options
  • Save jakearchibald/2204184 to your computer and use it in GitHub Desktop.
Save jakearchibald/2204184 to your computer and use it in GitHub Desktop.
Untitled
.test, .test2 {
width: 200px;
height: 200px;
background: green;
border-radius: 500px;
position: relative;
transition: all 2s linear;
left: 0;
margin: 0 0 10px;
}
.test2:hover {
transform: translate(20px, 0);
}
.test:hover {
left: 20px;
}
<div class="test"></div>
<div class="test2"></div>
Hover over each circle. The first transitions 'left', the second transitions 'transform'.
{"view":"split","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment