I remembered a site a few years back that illustrated which parts of the browser rendering pipeline each CSS property triggered. It was super useful when it came to creating performant animations. I tried to find it recently but, couldn't for the life of me.

It turns out the OG was replaced with a marketing site. I took the open source data from the original and created a brand new design for the site.

I credit the original creators in the opening paragraph of the site.

I hope you all enjoy and learn something new and useful :)

EDIT: grammar