The Only 2 CSS Properties You Should Animate *

Video is ready, Click Here to View ×


In this video we dive into CSS animations and browser rendering. Learn the 2 CSS properties that you should always turn to first when building animations. We’ll analyze animation performance using developer tools, and we’ll even take a look at some animations using a slo-mo camera

If you are interested in any of my full-length courses, use these discount codes:

– Web Developer Bootcamp:

-MySQL Bootcamp:

– JS Algorithms & Data Structures Masterclass:

– Modern Python 3 Bootcamp:

– Advanced Web Developer Bootcamp:

– Bootstrap 4 Bootcamp:…

sql tutorial for beginners with examples

13 Comments on “The Only 2 CSS Properties You Should Animate *”

  1. Wow, that's deep. Back in the days when I had been doing some web development (of some sort, nothing professional, just some tiny stuff) I never even thought about that level. I just made me look at all of these things from a completely different angle. Thank you!

  2. It's kinda hard to remember all the styles that are responsible for the hard reflow (which is the crappiest in terms of performance) and repaint, but there is a great VS code extension named "css-triggers". It shows a little arrow in your style property popup that looks like in Colt slide at 4:22, indicating the property cost.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.