Skip to content

Instantly share code, notes, and snippets.

@kevinmpowell
Created October 18, 2012 15:11
Show Gist options
  • Save kevinmpowell/3912464 to your computer and use it in GitHub Desktop.
Save kevinmpowell/3912464 to your computer and use it in GitHub Desktop.
Android 2.3.4 2d transform bug when 3d transform rule is given
/**
* Android 2.3.4 2d transform bug when 3d transform rule is given
*/
.rotate-me-working {
position:absolute;
left:50%;
top:50%;
-webkit-transform: rotate(45deg);
}
.rotate-me-bug {
position:absolute;
left:50%;
top:50%;
-webkit-transform: translate3d(0,0,0);
-webkit-transform: rotate(45deg);
}
<div class="rotate-me-working">Rotated!</div>
<div class="rotate-me-bug">Not rotated in Android. Sad. :(</div>
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment