CSS performance relative to translateZ(0)
A number of blogs have expressed the performance gain in 'tricking' the GPU to think that an element is 3D by using transform: translateZ(0) to speed up animations and transitions. I was wonder what are the implications, if any, of applying this transform in the following manner:
* {
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
}
Or for long parallax scroll page add transform property on body element.
More information http://stackoverflow.com/questions/10814178/css-performance-relative-to-translatez0
Written by Gaurav Jassal
Related protips
Have a fresh tip? Share with Coderwall community!
Post
Post a tip
Best
#Css3
Authors
Related Tags
#css3
Sponsored by #native_company# — Learn More
#native_title#
#native_desc#