Skip to content

Instantly share code, notes, and snippets.

@marcoalexpinheiro
Created June 11, 2013 14:41
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save marcoalexpinheiro/5757385 to your computer and use it in GitHub Desktop.
Save marcoalexpinheiro/5757385 to your computer and use it in GitHub Desktop.
Force CSS to be rendered in GPU
/* we apply a 3d transform just to improve rendering */
-webkit-transform:translateZ(0.1px);
-moz-transform:translateZ(0.1px);
-o-transform:translateZ(0.1px);
-ms-transform:translateZ(0.1px);
transform:translateZ(0.1px);
@passariello
Copy link

More correct:

will-change: transform;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment