Jake Archibald View transitions: Handling aspect ratio changes
https:/
When folks ask me for help with view transition animations that "don't quite look right", it's usually because the content changes aspect ratio. Here's how to handle it.
Related contents with similar topics
-
Worth mentioning again that this is just CSS with a touch of HTML. Also worth pointing out that very little of this is specific to CSS view transitions.…
-
View transitions and stacking context: Why does my CSS View Transition ignore z-index?
Paint order, the order in which your elements are painted, cannot be easily calculated without applying a complex algorithm, especially since many…
-
Synchronize videos, 3D-models, etc. to Scroll-Driven Animations
With Scroll-Driven Animations it’s really easy to animate elements as they enter/exit/whatever. But what if you want to sync a video to that? Or maybe…
-
HTML and CSS based View Transitions are coming
While same-document View Transitions have now been available for a while in Chromium browsers for Single Page Applications (SPA), they were requiring the use of a JavaScript API. Chrome Canary now allows us to develop and test View Transitions with HTML and CSS only, obviously targeting Multiple Pages Applications (aka Web sites 🤷♂️).
-
Early Days Examples of View Transitions
All of these are page transitions, like when you leave one page and go to another. As opposed to the document.startViewTransition kind, which are…
Tyler Gaw
Nic Chan
Bramus Van Damme
Chris Coyier