Try clicking the homepage link in this blog and you will notice that there's a smooth transition between pages. That effect comes from the View Transition API.
With this API you can add an element transition on URL navigation. The default animation is a fullpage crossfade.
Insert the following CSS right after the opening of <head> tag to make sure it takes effect on page load. This simple addition enables page transition on the browser that supports it.
<head>
<style>
@view-transition {
navigation: auto;
}
</style>
<!-- ... -->In my experience, there are times where the fullpage crossfade animation doesn't trigger. Not sure why.
https://www.blogger.com/rpc_relay.html https://www.blogger.com/comment/frame/220561901913020919?po=2473957672190487244&hl=en&saa=85391&origin=https://xmlexpr.blogspot.com&skin=contempo https://xmlexpr.blogspot.com/2025/09/blogger-smooth-page-transition.html#comments https://i.ytimg.com/vi/_rmyWcCabcY/default.jpg true