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 →