Today many front-end developers are leveraging CSS3 transitions, transforms, and animations to add a new layer of application interactivity that was previously left up to JavaScript libraries or Flash. If you have been doing this long enough, you’ll be aware that the smoothest and most beautiful animations are hardware-accelerated. A fairly new CSS property called will-change will allow you to optimize your animation executions ahead of time by letting the browser and hardware perform potentially-expensive work preparing for an animation before the animation actually begins. As simple as it may sounds, implementing will-change into your code is not straightforward though. This Sitepoint article by Nick Salloum attempts to explain what it is, when and how to use it, and how not to use it. Click the button to read more.

View More