How do you animate the box-shadow property in CSS without causing re-paints on every frame, and heavily impacting the performance of your page? Short answer: you don’t. Animating a change of box-shadow will hurt performance. There’s an easy way of mimicking the same effect, however, with minimal re-paints, that should let your animations run at a solid 60 FPS: animate the opacity of a pseudo-eleme
![How to animate box-shadow with silky smooth performance](https://cdn-ak-scissors.b.st-hatena.com/image/square/48044632ab3352ab63a08eeedd5edf11a2377b50/height=288;version=1;width=512/https%3A%2F%2Ftobiasahlin.com%2Fstatic%2F-social%2Fog_blog-how-to-animate-box-shadow.jpg)