urodchtoli
@urodchtoli
дизайнер

Как реализовать анимацию движения машины при скролле на сайте?

Подскажите, как реализовать такую анимацию, чтобы при скролле грузовик из-за пределов экрана выезжал и вставал на весы? И возможно ли такое реализовать.
59dbb2ca7a07d504198698.png
  • Вопрос задан
  • 666 просмотров
Пригласить эксперта
Ответы на вопрос 3
webirus
@webirus
Тыжверстальщик! Наверстай мне упущенное...
Возможно.

Скролл отлавливать на JS (jQuery, например).
Увеличение машины через css transform scale.
Движение через css transform translateX.

А вообще, про параллакс гугли.
Ответ написан
AlibekKulseitov
@AlibekKulseitov
Люблю верстать и писать музыку
Приветствую!) Сталкивался с похожей проблемой, но пришлось кпц попотеть)
Вот глянь тебе такое надо? Мой пример
По скроль вниз и увидишь анимации которые зависят от скролла.
Это библиотека scrollmagic.io + https://greensock.com/gsap

Но поверь) Ты запаришься очень сильно)))
Ответ написан
Stalker_RED
@Stalker_RED
Нарисовать отдельно весы, отдельно грузовик.
Весы зафиксировать, грузовик убрать за экран.
Повесить обработчик на scroll, двигать грузовик соответственно скроллу.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы