Skip to content

Instantly share code, notes, and snippets.

@daneden
Created March 22, 2012 09:56
Show Gist options
  • Save daneden/2157436 to your computer and use it in GitHub Desktop.
Save daneden/2157436 to your computer and use it in GitHub Desktop.
Transition aliasing bug - with 3D transform fix
/* Transition aliasing bug - with 3D transform fix */
body {
font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
font-weight: 700;
transform: translate3d(0,0,0);
}
div {
width: 100px;
height: 100px;
background-color: blue;
color: #fff;
transition: 1s ease;
position: relative;
}
div:hover {
transform: translate(100px);
}
<div>Hover me</div>
Watch this text!
{"view":"split-vertical","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment