Por que as transições para algumas propriedades CSS são lentas e não são fluentes
Eu passei 4 horas fazendo uma transição simples com um desempenho aceitável:
Primeiro eu tentei este código:
left: 2000px;
-webkit-transition: left 1s linear;
-moz-transition: left 1s linear;
-ms-transition: left 1s linear;
O resultado foi péssimo no Chrome v21.0.1180.89 e no FireFox v15.0.1, mas foi ótimo no IE10. Capturei o gráfico de uso da CPU e uso da GPU e descobri que o Chrome não usa GPU para propriedades CSS básicas,
Qual é a solução para os navegadores modernos?