TIL: CSS View Transitions API
When I moved my blog, I based the new one off of the eleventy-base-blog starter kit. At some point I noticed there was a fade effect when I’d click around my site. It was subtle enought that I ignored it for a bit, thinking perhaps it was built into Safari and had just been there all along.
But eventually I realized it must be “something” and did some searching. Turns out it was these three lines of code in the starter kit’s CSS, which invoke the View Transition API:
@view-transition {
navigation: auto;
}I thought it was kinda cool you get that effect so easily. But, as a Mac user, I’m also fatigued by the abundance of unnecessary animations, so I removed the code.
Good to know, though!