I've used them extensively when working on https://stack.lol
Try and navigate through pages, or change the language, and you'll get these neat effects "for free".
Frameworks like AstroJS also help a lot as they facilitate using view transitions.
I prefer a seamless experience of seeing the next page immediately without a "white flash" first. For instance, if I am looking at a GitHub project page and I click the "Issues" button, in a fraction of a second the page changes to the Issues page without any intermediate disappearance or partial page load.
In most cases, I find transition effects like fading, sliding, etc. to be an annoyance that adds unnecessary delay and visual distraction.
I just enhanced a bit the implementation so that it flickers ...less.
Still looking for ways for this static implementation with view transitions to 100% persist the dark mode during transitions.
Edit: Fixed. Using a tiny bit of script[1] from the Astro documentation.
[1]: https://docs.astro.build/en/guides/view-transitions/#astrobe...
The page layout is broken in Firefox 136.0.1 but okay in Chrome 134.0.6998.89 =(. I don't have time to debug what CSS feature might be causing this problem.
Tapping one of the items in the list causes mayhem.
Going ‘back’ causes stuff to flicker all over the screen.
Kudos to you for reporting it so nicely.