Переход страницы масштабирования HTML/CSS/JavaScript

Question

Я хочу создать переход страницы в HTML, где при нажатии на изображение / текст появляется такая анимация гипер-прыжка из Звездных войн. Это означает, что когда я щелкаю изображение / текст, страница приближается к этому изображению / тексту, и это изображение / текст превращается в отдельную страницу. Кто-нибудь знает, возможно ли такое и как это сделать? Я помню, как давно видел это на веб-сайте, но, к сожалению, не могу вспомнить где.

Описываемая мной анимация похожа на эту гифку https://giphy.com/gifs/bigblueboo-space-scifi-hyperspace-5xtDarHj0ORdxfWtV6g.

Спасибо.

Answer 1

Вы должны использовать фреймворк для создания пользовательских переходов страниц, я бы предложил swup или barbaJS с gsap

• Свуп: https://swup.js.org/
• barbaJS: https://barba.js.org/
• GSAP: https://greensock.com/gsap/