Как делаются такие переходы?

Question

[Kostya00723]

Подскажите пожалуйста скрипт для создания таких переходов на сайте
как у этого сайта

Answer 1

[Александр Аксентьев]

почему нельзя сделать вот так и не спрашивать очевидных/бесполезных/глупых вопросов?

Comments

[Kostya00723]

Если вопрос есть - значит я хочу об этом услышать
и идиоту понятно что инспектор покажет что это
мне интересно делал ли кто-нибудь похожее, может есть аналоги или еще что-то

извиняюсь если неправильно сформулировал вопрос

[Александр Аксентьев]

Kostya00723:

мне интересно делал ли кто-нибудь похожее, может есть аналоги или еще что-то

делал как минимум разработчик этого сайта :)

Если открыть инспектор можно и скрипты найти, и даже найти библиотеку которой они пользуются.

Всё это занимает несколько секунд.

Но можно и быстрее, например спросить у гугла "svg animation js"
И получить пачку библиотек, которым только скармливать SVG надо подготовленный.

[Exploding]

Kostya00723: Можно нажать Ctrl+S)) И если не очень понимаешь что нужно-а что нет - сноси проверяй, сноси - проверяй)) И таким не хитрым способом останется только "необходимое"...
Я так когда-то делал сам, когда только основы понимал, а глубже ни бум-бум))

Answer 2

[Aligatro]

Аналог fullpage + addClass('active') + плюс анимация через transform: translateY(100%) > transform: translateY(0).