Animate box-shadow with Silky Smooth Performance
Neat trick by Tobias Ahlin:
How do you animate the
box-shadowproperty 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-shadowwill 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 element.
Direct Link to Article — Permalink
Animate box-shadow with Silky Smooth Performance is a post from CSS-Tricks
LEAVE A REPLY
You must be logged in to post a comment.