doka-guide
Статья про CSS-свойства View Transitions API
Тема
Анимация переходов между страницами с использованием View Transitions API. Обязательно два разных примера.
- Переходы между разными документами (страницами)
- Переходы внутри одного документа (страницы)
Зачем
Позволяет делать бесшовные переходы между страницами.
Материалы:
- https://developer.chrome.com/docs/web-platform/view-transitions
- https://www.bram.us/2024/06/11/cross-document-view-transitions-for-mpas-are-here-2024-06-05-css-day-pre-event/
- https://www.smashingmagazine.com/2023/12/view-transitions-api-ui-animations-part1/
- https://github.com/WICG/view-transitions/blob/main/explainer.md
- https://drafts.csswg.org/css-view-transitions-1/
- https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API/Using
Кто напишет материал
- [ ] Я сам напишу этот материал
Возможно стоит разделить это на две статьи. Переходы внутри одного документа с помощью View Transitions API и Переходы между разными документами с помощью View Transitions API
Я бы не стала разделять и описала оба сценария внутри одной статьи. IMHO, конечный вариант на усмотрение автора.
Что правда стоит разделение, так это новые CSS-свойства и JS-фичи. Вот их бы положить по разным статьям в соответствующих разделах. А показать как они вместе работают можно в Рецептах. Создала отдельное ишью https://github.com/doka-guide/content/issues/5423 про JS-штуки, а в этом оставим только CSS.
