Es freut mich so sehr, dass #Firefox mit 147 meine beiden neuen Lieblings-Features unterstützt!
#ViewTransitionAPI und jetzt auch #AnchorPositioning (gerade für #PopoverAPI).

In diesem Artikel gehe ich auf View Transition API ein, erwähne aber auch anfangs Popover API: https://site.lgk.io/blog/2025-06-01-view-transition-api/

Sanfte Übergänge mit View Transition API

Nerd, designer and developer or just a guy who loves to be creative.

Lars' Portfolio
Firefox Nightly 144.0a1, See All New Features, Updates and Fixes

Firefox

The View Transition API is so cool! A cross-page crossfade transition only needs 3 lines of CSS.

https://developer.mozilla.org/en-US/docs/Web/CSS/@view-transition

#webdev #css #viewtransition #viewtransitionapi

@view-transition - CSS: Cascading Style Sheets | MDN

The @view-transition CSS at-rule is used to opt in the current and destination documents to undergo a view transition, in the case of a cross-document navigation.

MDN Web Docs

#Development #Clarifications
Misconceptions about view transitions · With growing API interest, let’s clear up some myths https://ilo.im/15zhct

_____
#Animation #ViewTransitionAPI #ProgressiveEnhancement #Browser #WebDev #Frontend #HTML #CSS #JavaScript

Misconceptions about view transitions  |  Blog  |  Chrome for Developers

With more and more people starting to look into the View Transition API, it's time to debunk some misconceptions.

Chrome for Developers

The #ViewTransitionAPI experiments have the potential to bring progressive enhancement back into the hearts of developers who are desperately trying to get rid of their existing SPA.

I love this project so much. ❤️

Another game-changer for the web and development. #viewtransitionapi

#Development #Introductions
SPA view transitions land in Chrome 111 · The present and future of a much-requested feature from developers https://ilo.im/11lc82

_____
#Animation #WebDevelopment #WebDev #Browser #Chrome #Frontend #DOM #SPA #API #ViewTransitionAPI #JavaScript #ProgressiveEnhancement

SPA view transitions land in Chrome 111 - Chrome for Developers

The View Transition API allows page transitions within single-page apps, and will later include multi-page apps.

Chrome for Developers