This technique is deprecated. See updated version.
CSS View Transitions is one of the latest additions to Chromium-based browsers, and I decided to try it.
I was following Dave's instructions, and I immediately noticed something that I liked a lot. As soon as I enabled the View Transitions in my browser (since it is still an experimental technology) and added <meta name="view-transition" content="same-origin"> to every page of my site, I noticed the transition was already working.
It works in the most basic mode, fading out the current page and fading in the visited page, which is a thousand times better than the default behavior (in my humble opinion). And there you have it—fully functional transitions between your website pages with a single line of code.