Post

CSS uses a complex algorithm to decide how to animate transforms. If you get it wrong, as many folks do, you end up with an unnatural animation. Here's how it works, and how to avoid the pitfalls. jakearchibald.com/2025/animati...

jakearchibald.comAnimating zooming using CSS: transform order is important… sometimesHow to get the right transform animation.

Joe Maffei

@joemaffei.dev

Does the same apply when you declare each transform as its own CSS property instead of mashed together into one transform?

18/6/25, 12:04 pm0 reposts1 like

Jake Archibald

@jakearchibald.com

18 June 2025

There's a bit about this in the article jakearchibald.com/2025/animati.... When you use the separate props, the order is: translate, rotate, scale, transform.

jakearchibald.comAnimating zooming using CSS: transform order is important… sometimesHow to get the right transform animation.