I've had View Transitions on the mind a little bit after experimenting with using them to move the focus ring around the page. I found that pretty satisfying, except the part where I was binding events to the tab key myself and keeping track of "focusable" elements. I know better, as that kind of thing…

CodePen's platform is a social development environment, offering insights into front-end web development, creative coding, and web design. Through articles, demos, and community projects, CodePen offers insights into HTML, CSS, and JavaScript techniques. Developers and designers can learn about CSS animations, responsive design patterns, and front-end frameworks to experiment and collaborate on web projects.

CodePen

A roundup of recent View Transitions experiments and resources. Topics include animating a focus ring with View Transitions vs. a CSS-only anchor positioning approach, how the view-transition-group and view-transition-old/new pseudo-elements control movement vs. morphing, the upcoming scoped View Transitions proposal (allowing multiple concurrent transitions and overflow:hidden scoping), Bramus' View Transitions Toolkit for debugging and fallback handling, and practical UI use cases like animating table re-sorting and multi-step form progress bars.

Chris’ Corner: View Transitions