Animating properties such as width or top forces the browser to recalculate the size and location of every component that may have changed, called a layout. That’s not great for performance. Here’s how you can use two properties (opacity and transform) to create animations that don’t generate a redraw…
Direct link: Performant CSS Animations: Netflix Case Study