Chris CoyierMay 11, 2023
LOOK. This is just a regular ol' website. No JavaScript whatsoever. Navigation pages with clicks <a> links to other HTML pages. The most basic website in the world. Yet, with a few lines of code to activate View Transitions, KAPOW.
Show threadChris CoyierMay 11, 2023

Code is here:
https://codepen.io/chriscoyier/project/editor/ZGxnOb

View Transitions don't work in iframes yet, so you have to see here:
https://000694252.codepen.website/

And you have to use Chome Canary and flip on the flag.

Do View Transitions Work Across Pages Yet?

...

CodePen
Show threadJack
@chriscoyier Thank you so much for this demo. It was exactly what I was looking for. I couldn't find anywhere online that provided a straightforward, no-js, view transition demo. Yours was clear as day. Much appreciated.
May 19, 2023 at 5:42amElk