Cómo mejorar el rendimiento de las animaciones con CSS
Los navegadores web modernos pueden aplicar con facilidad los siguientes cuatro efectos CSS: cambio de posición, escalado, rotación y opacidad. Si aplicas cualquier otro efecto CSS en la página, es muy posible que el rendimiento se resienta y no puedas mantener los 60 frames por segundo que hacen que la página se vea tan bien. Por este motivo, todos los efectos gráficos de tus páginas se deberían reducir a las siguientes cuatro instrucciones: /* mover un elemento */ … { transform: translate(0px, 0px); } /* escalar (cambiar el tamaño) de un elemento…
Leer más