Как повторить этот эффект авторов?

Question

[vahromeevilya-widestudio]

Дали задание повторить эффект как на этом референсе https://askphill.com/pages/about



При клике по автору остальные сжимаются в него, и автор начинает следовать за курсором

По коду страницы не понятно какая библиотека используется

Есть идеи как это можно повторить?

Comments

[DIVSIDE]

gsap

[Ankhena]

Разбейте задачу на мелкие.
- Сделать слайдеры
- Обработать клик по слайду
- Получить текущие координаты курсора
- Расположить нужный блок в месте курсора
- Скрыть остальные
- Перемещать блок за курсором
...

[Zettabyte]

и автор начинает следовать за курсором

Не начинает.
В свежем Файрфоксе одно движение в сторону курсора и карточка улетает за пределы экрана.

[Сергей Сергей]

Фигня для размышлений.

[vahromeevilya-widestudio]

DIVSIDE Ankhena Zettabyte @hahenty

Все спасибо за ваши советы! Я им и последовал. Для эффекта сжатия и следования за курсором использовал библиотеку gsap. Задачу разбил на мелкие подзадачи и постепенно спустя ~ 3 дня удалось добиться нужного эффекта. В качестве слайдера использовал 'keen-slider' у него удобный automove мод есть.

Answer 1

[copyhold]

можно попробовать использовать view-transition api