::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> |
Compatibilité des navigateurs
Chargement…