Как работает этот сайт?

Question

[Илья Бондаренко]

Нереально интересно создать что-то похожее на https://www.ifly50.com

Хотел узнать у знающих. По какому принципу происходит скролл? Это просто по-блочный скролл или эффекты, наложенные на блоки для появления-исчезновения?

Заранее спасибо, большая благодарность))

Comments

[Сергей Карбивничий]

Даа, дела... Мне вот интересно, у таких сайтов есть практическое применение?

[posters]

Сергей Карбивничий, привлечь внимание, произвести впечатление.

[DevMan]

Сергей Карбивничий, это же просто витрина.
и она работает.

[Lord_Dantes]

Больше на меню игры похоже, чет ассасином проникся. Ну-ка пойду посмотрю как там xd

[Kovalsky]

Sha644, очень красивый и приятный сайт, ничего негативного

[Kovalsky]

Sha644, не знаю о чем речь. Это не корпоративный конструктор бизнес процессов, это красивая витрина. Там никто ничем не жертвовал, его делали люди гораздо более опытные чем мы с тобой, которые прекрасно знали что они делают и зачем. И своей цели они достигли - сайт хорош и опрятен

[Kovalsky]

Sha644, жизненные мемы из мира разработки:

разработчики перед которыми стоит задача сделать эстетичный и красивый сайт: *тратят несколько человекомесяцев на проект, потом столько же на реализацию, сайт прекрасен*

типичный деформант увидев сайт: да там же jquery, и вообще нету атрибута alt у картинок, анимация стремная, сайт фуфло

[Kovalsky]

Sha644, так не надо ничего сводить, оно ж сведено всё уже) Сайт работает и выполняет свою цель, независимо от того что о нем думают деформированные

Answer 1

[DandyII]

На этом проекте использовали GSAP
Тут можно посмотреть кейсы.
Тут можно посмотреть документацию.
Тут можно посмотреть видео туториалы.
Тут ссылка на Гигхаб.
Удачи в освоении.

Comments

[posters]

Неужели на JS теперь можно делать красивые анимации?

[DandyII]

posters, Почему же, здесь не только JS. Хорошо продуманный UI/UX + CSS + GSAP.
Как итог, такие привлекательные произведения.