::view-transition

Ограниченное использование

Эта функция не относится к Baseline, так как она не работает во всех широко используемых браузерах.

::view-transition CSS псевдоэлемент представляет собой корень наложения переходов отображения, который содержит все группы снимков переходов отображения и расположен поверх всего остального содержимого страницы.

Во время перехода отображения ::view-transition включается в связанное дерево псевдоэлементов, как описано в дереве псевдоэлементов перехода отображения. Это узел верхнего уровня этого дерева и имеет один или несколько ::view-transition-group в качестве дочерних элементов.

::view-transition получает следующий стиль по умолчанию в таблице стилей UA:

html::view-transition {
  position: fixed;
  inset: 0;
}

Все ::view-transition-group псевдоэлементы позиционируются относительно корня перехода отображения.

Синтаксис

::view-transition {
  /* ... */
}

Примеры

::view-transition {
  background-color: rgb(0 0 0 / 25%);
}

Спецификации

Спецификация
CSS Модуль переходов отображения уровень 1 # selectordef-view-transition

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`::view-transition`	109	109	Нет	95	18	109	Нет	74	18	21.0	109

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/::view-transition