How One Line of CSS Can Make Your Multi-Page Website Feel Premium

The useful part

Multi-page sites get a bad reputation for feeling clunky, and it's almost always for one specific reason: the white flash. You click a link, the whole page goes blank for a fraction of a second, and then the new content pops in. It's such a normal part of the web that most of us stopped noticing it years ago вЂ" right up until we use a site that doesn't do it, and suddenly every other site feels dated by comparison.

How it works

• No JavaScript, no router, no framework вЂ" just the browser doing what it was always capable of doing, now that there's a standard way to ask for it.
• What's actually happening under the hood The View Transition API works by taking a screenshot of the page right before it navigates away, letting the new page load and render, and then blending the two...
• As of Chrome 126, Edge 126, Safari 18.2, and Opera 112, you can turn it off with one line of CSS.
• The default is a simple cross-fade, but it's a real transition вЂ" smooth, GPU-accelerated, and running independently of whatever your JavaScript is or isn't doing.

Details worth keeping

It's just what happens by default when a browser swaps documents. The genuinely nice part is that this is progressive by design. Nobody sees an error, nobody sees a broken animation.