::view-transition
Baseline
2025
Newly available
Depuis â¨October 2025â©, cette fonctionnalité fonctionne sur les appareils et les versions de navigateur les plus récents. Elle peut ne pas fonctionner sur les appareils ou navigateurs plus anciens.
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 :
: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.
Syntaxe
::view-transition {
/* ... */
}
Exemples
::view-transition {
background-color: rgb(0 0 0 / 25%);
}
Spécifications
| Specification |
|---|
| CSS View Transitions Module Level 1 > # selectordef-view-transition > |