Demystifying the View Transition Pseudo Tree – Master.dev Blog

Each pseudo element plays a distinct role in how the view transition animates. The browser does most of the heavy lifting though, which makes it a little hard to see what’s actually happening under the hood.

Why Isn’t My 3D View Transition Working?, by @sunkanmifafowora.bsky.social (@csstricks):

https://css-tricks.com/why-isnt-my-3d-view-transition-working/?ref=frontenddogma.com

#css #viewtransitions

Why Isn't My 3D View Transition Working? | CSS-Tricks

Why isn't my 3D view transition working?! Sunkanmi tackles this frustration and offers an elegant fix for it.

CSS-Tricks

View Transitions: Use the New “attr()” or “match-element” for the “view-transition-name”?, by @bramus:

https://www.bram.us/2026/06/19/view-transition-name-attr-or-match-element/?ref=frontenddogma.com

#css #viewtransitions

View Transitions: Use the new attr() or match-element for the view-transition-name?

At CSS Day, “YouTube guy” Kevin Powell showed a lot of demos that relied on the advanced attr() function. In one of the examples he used attr() to set view-transition-name values — a technique I covered in my article on advanced attr() function.But then during the Q&A, Cyd Stumpel wondered if he couldn’t just use match-element there.The short answer to that question is yes. The longer answer is … It Depends™

Bram.us

CSS Can Now Animate Between Pages: View Transitions Without JavaScript, by (not on Mastodon or Bluesky):

https://www.rotecodefraktion.de/en/blog/css-view-transitions-zwischen-seiten/?ref=frontenddogma.com

#css #animations #viewtransitions

CSS Can Now Animate Between Pages: View Transitions Without JavaScript

Cross-document view transitions bring app-like navigation to classic multi-page sites — with a single CSS at-rule and no framework at all.

rotecodefraktion

#Development #Techniques
Demystifying the view transition pseudo tree · Customizing view transitions via pseudo-elements https://ilo.im/16dnju

_____
#ModernCSS #ViewTransitions #Animations #Browsers #WebDev #Frontend #CSS

Demystifying the View Transition Pseudo Tree – Master.dev Blog

Each pseudo element plays a distinct role in how the view transition animates. The browser does most of the heavy lifting though, which makes it a little hard to see what’s actually happening under the hood.

Scroll-Driven, Scroll-Triggered, Scroll States, and View Transitions | CSS-Tricks

I've said one and mean another, and I've used one when I needed another. Comparing scroll-driven animations, scroll-triggered animations, container query scroll states, and view transitions for my future self.

CSS-Tricks

#Development #Techniques
Entry and exit transitions with modern CSS · Techniques for transitions and view transitions https://ilo.im/16de22

_____
#ModernCSS #Transitions #ViewTransitions #Animations #APIs #WebDev #Frontend #HTML #CSS #JavaScript

Entry And Exit Transitions With Modern CSS

Learn how to do enter and exit CSS transitions using @starting-style, animate discrete properties like display, and use the View Transition API for smooth layout animations.

Joy of Code

🥭 Cross-Document View Transitions: The Gotchas Nobody Mentions
Part 1
by Durgesh Rajubhai Pawar
at @csstricks
#ViewTransitions #CrossDocumentViewTransitions #css #webdev

https://css-tricks.com/cross-document-view-transitions-part-1/

🟡🟠 Some practical examples of view transitions to elevate your UI
by Declan Chidlow @vale.rocks
at @piccalilli
#ViewTransitions #css #webdev

https://piccalil.li/blog/some-practical-examples-of-view-transitions-to-elevate-your-ui/