¿Por qué las transiciones de algunas propiedades CSS son lentas y no fluidas?
Pasé un combate de 4 horas en tener una transición simple con un rendimiento aceptable:
Primero probé este código:
left: 2000px;
-webkit-transition: left 1s linear;
-moz-transition: left 1s linear;
-ms-transition: left 1s linear;
El resultado fue terrible en Chrome v21.0.1180.89 y FireFox v15.0.1, pero fue excelente en IE10. Capturé el uso de CPU y el gráfico de uso de GPU y descubrí que Chrome no usa GPU para las propiedades básicas de CSS. ¿Cuál es la solución para los navegadores modernos?