content icon indicating copy to clipboard operation
content copied to clipboard

Статья про JS-фичи View Transitions API

Open solarrust opened this issue 1 year ago • 2 comments

Тема

Анимация переходов между страницами с использованием View Transitions API. В этой статье рассказываем про новые JavaScript штуки, которые появились с внедрением этого 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

solarrust avatar Jul 05 '24 15:07 solarrust

Здравствуйте @solarrust. Можно написать материал по данной теме?

OskarStud avatar Sep 10 '24 20:09 OskarStud

@OskarStud привет! Нужно! Закрепила за тобой задачку. Пиши, если нужна будет, любая помощь =)

solarrust avatar Sep 12 '24 08:09 solarrust

Извиняюсь, немного затянулось.🥶 Над материалом работаю. Никуда не пропал.

OskarStud avatar Nov 15 '24 11:11 OskarStud