::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 :
: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
Loading…