Animar la sombra de caja con Silky Smooth Performance | Programar Plus

Buen truco de Tobias Ahlin:

¿Cómo animas el box-shadow en CSS sin volver a pintar en cada fotograma y sin afectar en gran medida el rendimiento de su página? Respuesta corta: no es así. Animando un cambio de box-shadow perjudicará el rendimiento.

Sin embargo, hay una manera fácil de imitar el mismo efecto, con un mínimo de repintados, que debería permitir que sus animaciones se ejecuten a 60 FPS sólidos: animar la opacidad de un pseudo elemento.

Enlace directo →

(Visited 9 times, 1 visits today)