If View Transitions and Scroll-Driven Animations had a baby … (2024.04.25)

April 26, 2024 09:41

With View Transitions, you can create immersive native-like experiences that have smooth and seamless transitions between views of your website. With Scroll-Driven Animations you can drive animations by the act of scrolling. What if you wanted to combine both to create a “Scroll-Driven View Transition”? Could that ever work? And if so, how does it work?

Views:
45
Download:

speaker

Bramus

bramus

more decks of the speaker

Scoped styling with CSS @scope (2023.10.19 @ Full Stack Europe)

Scoped styling with CSS @scope (2023.10.19 @ Full Stack Europe)

Learn how to use @scope to select elements only within a limited su...
What’s new in CSS (2023.10.12 @ Frontmania)

What’s new in CSS (2023.10.12 @ Frontmania)

Things have been going hard for CSS the past few years, with many n...
Animate between states with the View Transition API (2023.09 @ devs.gent)

Animate between states with the View Transition API (2023.09 @ devs.gent)

It is important for a user interface to feel polished and fluid. A ...
Scroll-Driven Animations and View Transitions (2023.06.09 @ CSS Day)

Scroll-Driven Animations and View Transitions (2023.06.09 @ CSS Day)

It is important for a user interface to feel polished and fluid. A ...