Переходы просмотров CSS

Модуль переходов просмотров CSS определяет поведение API переходов просмотров, который позволяет разработчикам создавать анимированные переходы между различными состояниями внутри документа и между документами. Этот модуль также определяет свойства CSS и псевдоэлементы для стилизации этих переходов.

Справочник

Свойства

view-transition-name Экспериментально

Примечание: Этот модуль также определяет свойство view-transition-class, но в настоящее время оно не поддерживается ни одним браузером.

Атрибуты и описатели

@view-transition
- navigation описатель

Селекторы и псевдоэлементы

::view-transition Экспериментально
::view-transition-image-pair() Экспериментально
::view-transition-group() Экспериментально
::view-transition-new() Экспериментально
::view-transition-old() Экспериментально

Примечание: Этот модуль также определяет псевдоклассы :active-view-transition и :active-view-transition-type(), но в настоящее время они не поддерживаются ни одним браузером.

Интерфейсы

Руководства

Использование API переходов просмотров: Объясняет, как создавать переходы просмотров и настраивать анимацию переходов, включая управление активными переходами просмотров.

Связанные концепции

pagereveal событие
pageswap событие
Document.visibilityState
Модуль анимации CSS
Модуль преобразований CSS
- transform
- <transform-function>

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

Спецификация
Модуль CSS переходов просмотров Уровень 1
Модуль CSS переходов просмотров Уровень 2

См. также

© 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/CSS_view_transitions