Какова техника этого сайта?

Question

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

Answer 1

Приложение построено с использованием https://launchpad.animaapp.com/..., на самом деле вы можете получить CSS (он не минимизирован), и это не очень красиво, кажется, что Animaapp создал свою собственную анимацию.Вот инструмент, который может облегчить вашу жизнь https://github.com/jlmakes/scrollreveal У него не так много вариантов анимации, как решение, предложенное @JABedford, но плагин позаботится о том, когда показывать объект, основываясь на позиции прокрутки.

Answer 2

Я смотрю только на мобильном телефоне, поэтому не 100% при отображении, как следует, однако это выглядит в основном как «animate.css»

Демонстрации всех переходов можно найти здесь: https://github.com/daneden/animate.css/

Очень просто встроить в любой сайт.

Редактировать:

Если вы не можете использовать технику, предложенную выше, постер предлагает использовать animate.css и scrollreveal..js в унисон.Это даст вам тот же результат, что и на примере веб-сайта.