Jake Archibald 6/17/2025

Animating zooming using CSS: transform order is important… sometimes

Read Original

This technical article investigates a quirky 'swooping' animation seen when zooming into images using CSS transforms. It demonstrates how the order of `scale()` and `translate()` functions, and even the presence of a seemingly neutral `rotate(0)`, can drastically change the animation's path, explaining the behavior according to the CSS specification.

Animating zooming using CSS: transform order is important… sometimes

Comments

No comments yet

Be the first to share your thoughts!

Browser Extension

Get instant access to AllDevBlogs from your browser

Top of the Week

No top articles yet