Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

::view-transition

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Le pseudo-élément CSS ::view-transition représente la racine de la superposition des transitions de vue, qui contient tous les groupes de vue instantanées de transition de vue et se trouve au-dessus de tout le reste du contenu de la page.

Lors d'une transition de vue, ::view-transition est inclus dans l'arbre des pseudo-éléments associés comme expliqué dans L'arbre des pseudo-éléments de transition de vue. C'est le nœud de niveau supérieur de cet arbre, et il a un ou plusieurs ::view-transition-group() comme enfants.

::view-transition reçoit le style par défaut suivant dans la feuille de style de l'agent utilisateur :

css
:root::view-transition {
  position: fixed;
  inset: 0;
}

Tous les pseudo-éléments ::view-transition-group() sont positionnés par rapport à la racine de la transition de vue.