❌ transform: translateX(5px)
✅ translate: 5px
❌ justify-items: center; align-items: center
✅ place-items: center
❌ color: rgba(255, 255, 255, 0.4)
✅ color: #fff6
❌ grid-template-columns: repeat(auto-fit, minmax(0, 1fr))
✅ grid: auto/auto-flow 1fr
9
20
213
11.4% global 😢 but here's to a future that allows us to transition those transform props independently 🍹🍸
2
2
Yeah I'm not sure why it hasn't shipped in Chrome yet. It has been available behind a flag for over *five* years at this point… /cc @davidbaron
1
1
Reason it hasn't shipped is that support for compositor animations of more than one transform property at a time haven't been implemented yet. There's a plan to work on that in the next few months and then hopefully get the independent transform properties on a path to ship.
Jul 8, 2021 · 11:57 AM UTC
1
2