Как сделать сложную интерактивную анимацию на сайте?

Question

[easy_steel_design]

Наткнулся на сайт веб студии Red Collar https://voltfordrive.com/

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

Answer 1

[Тарас Шульга]

Берем css немного И JS ТУДА!
И ШЕДЕВР ГОТОВ
https://scrollmagic.io/

P.S. а вообще по мне столько свисто-перделок та еще мерзость.

Answer 2

[ReaverJS]

В данном случае SVG + CSS.
У SVG элемента path - есть CSS свойства

stroke-dasharray: 2000px; /* Расстояние разрыва внутри линии */
    stroke-dashoffset: 2000px; /* Отступ до начала линии */

Их можно анимировать CSS transition или CSS animation. Если добавить JS, то можно и интерактивным сделать.
Вот гайд в шагах (только анимация): https://www.cassie.codes/posts/creating-my-logo-an...

Answer 3

[Андрей]

https://scrollmagic.io
https://greensock.com/gsap/

На этой связке многое делается.