@sexy__sky

Расщипление картинки параллаксом,как?

Как сделать горизонтальный параллакс чтоб при скролле цельная картинка расщиплялась на детали.Пример телефон tornado.fly-phone.ru - там телефон расщипляется на детали.Как это сделать, где научиться?
  • Вопрос задан
  • 154 просмотра
Решения вопроса 1
Тут надо изначально подготовить все детали как отдельные картинки.
Наложить друг на друга в верстке.
Далее поставить коллбек на событие скролла и внутри него если элемент находится в области видимости изменять left у элемента.
Для движения как на представленном сайте (сначала расходится, потом - схлопывается) подойдет расчет с синусом и коэффицентом вроде такого
Math.sin(window.scrollY) * K
Где K надо будет подбирать взависимости от того какая амплитуда требуется
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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