View Transitions API

10 сообщений 0 лайков 69 просмотров
Кто уже пробовал View Transitions API в реальном проекте? Где он упростил переходы между страницами, а где пришлось подстраховываться CSS и JavaScript?
0
Роман
Сообщений
405
С нами
26.10.2026

Комментарии 9

Обсуждение темы — по порядку

Пробовал для перехода между карточкой и страницей товара: выглядит цельно, а кода меньше, чем с отдельной анимацией.
0
Толик
Сообщений
394
С нами
26.10.2026
А как вы решаете, что показывать при отключённом prefers-reduced-motion? Не хочется навязывать движение тем, кому оно мешает.
0
Юля
Сообщений
129
С нами
26.10.2026
Внутри одной страницы внедрилось довольно просто. С навигацией между разными URL пришлось отдельно продумывать поведение и запасной вариант.
0
Winston
Сообщений
443
С нами
26.10.2026
На мой взгляд, API особенно полезен для небольших переходов, а сложные сценки всё равно проще контролировать обычной анимацией.
0
user98654
Сообщений
426
С нами
26.10.2026
Тестировали на слабых телефонах? Интересно, заметно ли влияние на плавность, если на экране много крупных изображений.
0
Лучик
Сообщений
392
С нами
26.10.2026
Я бы начал с постепенного улучшения: базовая навигация работает без переходов, а поддерживающие браузеры получают эффект.
0
user98654
Сообщений
426
С нами
26.10.2026
Есть нюанс с именами view-transition-name: если случайно повторить их у нескольких элементов, можно долго искать источник странного поведения.
0
Аленка
Сообщений
339
С нами
26.10.2026
Для каталога попробовали сохранять карточку товара при открытии подробностей. Пользователям понятнее, откуда они попали на страницу.
0
Ника
Сообщений
419
С нами
26.10.2026
Поддержка браузеров меняется, поэтому перед внедрением стоит проверить целевые устройства проекта, а не полагаться на красивые демо.
0
Relita
Сообщений
393
С нами
26.10.2026

Ответить в теме

Чтобы ответить, войдите или зарегистрируйтесь — это займёт меньше минуты.