We’ve been able to get the length of the viewport in CSS since… checks notes�� 2013! Surprisingly, that was more than a decade ago. Getting the viewport width is as easy these days as easy as writing 100vw, but …
…When using View Transitions you’ll notice the page becomes unresponsive to clicks while a View Transition is running. […] This happens because of the
::view-transitionpseudo element – the one that contains all animated snapshots – gets overlayed on top
@view-transition at-rule has two descriptions. One is the commonly used navigation descriptor. The second is types, the lesser-known of the two, and one that probably envies how much attention navigation gets. But read on to learn why we need types and how it opens up new possibilities for custom view transitions when navigating between pages. For the past two months, all my livelihood has gone towards reading, researching, understanding, writing, and editing about Anchor Positioning, and with many Almanac entries published and a full Guide guide on the way, I thought I was ready to …
View Transitions are one of the most awesome features CSS has shipped in recent times. Its title is self-explanatory: transitions between views are possible with just CSS, even across pages of the same origin! What’s more interesting is its …
From June 11–13, the CSS Working Group (CSSWG) held its second face-to-face meeting of the year in Coruña, Spain, with a long agenda of new features and improvements coming to language. If 2023 brought us incredible advances like …
The CSS ::view-transition-image-pair pseudo-element is part of the View Transition API that lets us select the “before-and-after” snapshots in a view transition.
::view-transition-image-pair(root) {
animation-duration: 1s;
}