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™
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.
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.
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.
Cross-Document View Transitions: The Gotchas Nobody Mentions | CSS-Tricks
This is Part 1 of a two-part series about cross-document view transitions, going over all the gotchas, from ditching the deprecated way to opt into them to a little-known 4-second timeout.
What’s !important #11: 3D Voxel Scenes, Flying Focus, CSS Syntaxes, and More | CSS-Tricks
If 3D voxel scenes (that you can style), flying focus animations, or new CSS syntaxes sound like your kinda thing, then this issue of What’s !important is definitely for you.
Frontend Dogma
Inautilo
pablolarah
