CSS-Ansichtsübergänge

Das CSS-Ansichtsübergangsmodul definiert das Verhalten der View Transition API, die es Entwicklerinnen und Entwicklern ermöglicht, animierte Übergänge zwischen verschiedenen Zuständen innerhalb eines Dokuments und zwischen Dokumenten zu erstellen. Dieses Modul definiert auch die CSS-Eigenschaften und Pseudoelemente zur Gestaltung dieser Übergänge.

Referenz

Eigenschaften

• view-transition-class
• view-transition-name

At-Regeln und Deskriptoren

• @view-transition
  • navigation Deskriptor

Selektoren und Pseudoelemente

• :active-view-transition
• :active-view-transition-type()
• ::view-transition
• ::view-transition-image-pair()
• ::view-transition-group()
• ::view-transition-new()
• ::view-transition-old()

Schnittstellen

• CSSViewTransitionRule
• ViewTransition
  • ViewTransition.skipTransition() Methode
  • ViewTransition.updateCallbackDone
  • ViewTransition.ready
  • ViewTransition.finished
• Document.startViewTransition() Methode

Leitfäden

Verwendung der View Transition API

Erklärt, wie Sie Ansichtsübergänge erstellen und Übergangsanimationen anpassen können, einschließlich der Manipulation aktiver Ansichtsübergänge.

Verwandte Konzepte

• pagereveal Ereignis

• pageswap Ereignis

• Document.visibilityState

• CSS-Animationen Modul

  • animation
  • @keyframes
  • CSSKeyframesRule
  • CSSStyleRule
  • Web Animations API

• CSS-Transformationen Modul

  • transform
  • <transform-function>

Spezifikationen

Siehe auch

• Pseudoelemente
• Funktionale Pseudoklassen
• Lernen: Pseudoklassen und Pseudoelemente