🥇 Desempenho de CSS em relação a translateZ (0)

Vários blogs expressaram o ganho de desempenho em ‘enganar’ a GPU para pensar que um elemento é 3D usando transform: translateZ (0) para acelerar animações e transições. Fiquei me perguntando quais são as implicações, se houver, de aplicar essa transformação da seguinte maneira:

* {
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

Ou para uma página de rolagem de paralaxe longa, adicione a propriedade transform no elemento do corpo.

Mais informações http://stackoverflow.com/questions/10814178/css-performance-relative-to-translatez0

Related Posts