Skip to content

Instantly share code, notes, and snippets.

@hfknight
Last active December 21, 2015 12:49
Show Gist options
  • Save hfknight/6308261 to your computer and use it in GitHub Desktop.
Save hfknight/6308261 to your computer and use it in GitHub Desktop.
Prevent Animation jerky in webkit based browsers (Safari and etc.)
Webkit flicks if the element you want to animate is bigger than the screen.
The Fix:
Add these two properties to prevent flickering effects:
-webkit-transform: translateZ(0);
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
Reference: http://indiegamr.com/ios6-html-hardware-acceleration-changes-and-how-to-fix-them/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment