Martin Trapp
@martr.app
Maintainer at @astro.build 🚀
Maker of 👜 Bags of Tricks ✨for view transitions @vtbag.dev
Maker of 👜 Bags of Tricks ✨for view transitions @vtbag.dev
When you scroll down on vtbag.dev, you can find a few view transition demos at the bottom of the navigation sidebar that work perfectly even in Firefox v144.
Now guess which ones?
Now guess which ones?
October 14, 2025 at 11:29 PM
When you scroll down on vtbag.dev, you can find a few view transition demos at the bottom of the navigation sidebar that work perfectly even in Firefox v144.
Now guess which ones?
Now guess which ones?
Another nice thing: besides the Level 1 View Transition API, it seems safe to rely on
- view-transition-class and
- view-transition-name: match-element
vtbag.dev/basics/test-...
- view-transition-class and
- view-transition-name: match-element
vtbag.dev/basics/test-...
August 22, 2025 at 5:59 PM
Another nice thing: besides the Level 1 View Transition API, it seems safe to rely on
- view-transition-class and
- view-transition-name: match-element
vtbag.dev/basics/test-...
- view-transition-class and
- view-transition-name: match-element
vtbag.dev/basics/test-...
Fun with View Transitions, soon with even more fun!
👜✨
Next up: we are playing Tower of Hanoi!
A grab bag of delightful tricks, oddities, and “wait, that works?” moments awaits you.
Includes: a <select> element that transitions like it means it.
Coming soon to a browser near you.
👜✨
Next up: we are playing Tower of Hanoi!
A grab bag of delightful tricks, oddities, and “wait, that works?” moments awaits you.
Includes: a <select> element that transitions like it means it.
Coming soon to a browser near you.
July 1, 2025 at 2:03 PM
Fun with View Transitions, soon with even more fun!
👜✨
Next up: we are playing Tower of Hanoi!
A grab bag of delightful tricks, oddities, and “wait, that works?” moments awaits you.
Includes: a <select> element that transitions like it means it.
Coming soon to a browser near you.
👜✨
Next up: we are playing Tower of Hanoi!
A grab bag of delightful tricks, oddities, and “wait, that works?” moments awaits you.
Includes: a <select> element that transitions like it means it.
Coming soon to a browser near you.
🤯
Ooh what?!
I honestly had no idea about that!
And it works like a charm! ✨
Chrome 139.0.7244.0 canary with "Experimental Web Platform features" enabled.
vtbag.dev/basics/hide-...
View transitions clipped at their container!
Ooh what?!
I honestly had no idea about that!
And it works like a charm! ✨
Chrome 139.0.7244.0 canary with "Experimental Web Platform features" enabled.
vtbag.dev/basics/hide-...
View transitions clipped at their container!
June 17, 2025 at 12:32 PM
🤯
Ooh what?!
I honestly had no idea about that!
And it works like a charm! ✨
Chrome 139.0.7244.0 canary with "Experimental Web Platform features" enabled.
vtbag.dev/basics/hide-...
View transitions clipped at their container!
Ooh what?!
I honestly had no idea about that!
And it works like a charm! ✨
Chrome 139.0.7244.0 canary with "Experimental Web Platform features" enabled.
vtbag.dev/basics/hide-...
View transitions clipped at their container!
Breaking: View Transition animations spotted in Firefox Nightly!
I actually wanted to snap a shot of the pseudo-element tree, but the first proof ended up being a little more indirect.
I actually wanted to snap a shot of the pseudo-element tree, but the first proof ended up being a little more indirect.
April 26, 2025 at 9:17 PM
Breaking: View Transition animations spotted in Firefox Nightly!
I actually wanted to snap a shot of the pseudo-element tree, but the first proof ended up being a little more indirect.
I actually wanted to snap a shot of the pseudo-element tree, but the first proof ended up being a little more indirect.
Well... those might be supersized emojis. My first hard disk had 3 MB, also from Apple, back when that was huge.
March 31, 2025 at 6:58 PM
Well... those might be supersized emojis. My first hard disk had 3 MB, also from Apple, back when that was huge.
Not that I know of. And if so, it’s above 100.
February 16, 2025 at 10:45 PM
Not that I know of. And if so, it’s above 100.
I’m longing for a sunny spring day!
January 15, 2025 at 6:39 PM
I’m longing for a sunny spring day!
Thank you for sharing your examples and especially for opening those two issues! Looking forward to see them fixed as it is always disturbing if development tools show wrong values. vtbag.dev/tools/inspection-chamber/
January 9, 2025 at 7:28 AM
Thank you for sharing your examples and especially for opening those two issues! Looking forward to see them fixed as it is always disturbing if development tools show wrong values. vtbag.dev/tools/inspection-chamber/
Once you’ve gotten hold of the animations, you can pull off all kinds of tricks with them! #ViewTransitions
January 1, 2025 at 9:52 PM
Once you’ve gotten hold of the animations, you can pull off all kinds of tricks with them! #ViewTransitions
Thanks for the demo! I seriously can’t wait for nested view transition groups to become widely available. You can manage without them, but wow, it’s a real slog.
vtbag.dev/basics/hide-...
vtbag.dev/basics/hide-...
December 17, 2024 at 3:57 PM
Thanks for the demo! I seriously can’t wait for nested view transition groups to become widely available. You can manage without them, but wow, it’s a real slog.
vtbag.dev/basics/hide-...
vtbag.dev/basics/hide-...
Looks like Santa and at least the crew over at Chrome are getting along pretty well this year! 🎅🎄
Just spotted new features behind the #enable-experimental-web-platform-features flag in Chrome 131. Thanks for hinting @bram.us!
Just spotted new features behind the #enable-experimental-web-platform-features flag in Chrome 131. Thanks for hinting @bram.us!
December 17, 2024 at 3:28 PM
Looks like Santa and at least the crew over at Chrome are getting along pretty well this year! 🎅🎄
Just spotted new features behind the #enable-experimental-web-platform-features flag in Chrome 131. Thanks for hinting @bram.us!
Just spotted new features behind the #enable-experimental-web-platform-features flag in Chrome 131. Thanks for hinting @bram.us!
Check out the shiny new updates at events-3bg.pages.dev and vtbag.dev!
December 13, 2024 at 11:49 PM
Check out the shiny new updates at events-3bg.pages.dev and vtbag.dev!
December 13, 2024 at 10:18 PM
I would’ve been even more excited if PageSwapEvent.activation.*.index could show values other than -1 and if they offered better support for the Navigation API overall. vtbag.dev/basics/test-page/
December 12, 2024 at 3:25 PM
I would’ve been even more excited if PageSwapEvent.activation.*.index could show values other than -1 and if they offered better support for the Navigation API overall. vtbag.dev/basics/test-page/
Me welcoming Bluesky followers over at vtbag.dev ... with some butterfly-like #viewtransitions, of course!
November 9, 2024 at 7:19 PM
Me welcoming Bluesky followers over at vtbag.dev ... with some butterfly-like #viewtransitions, of course!