Анимация заднего фона при скролле?

Question

[Алексей Орлов]

Есть PSD шаблон, на нём отрисован задний фон(на протяжении всего LandingPage) в виде пузырей, часть пузырей при скролле должна двигаться вверх, а часть вниз. С помощью каких инструментов или библиотек это можно реализовать? Вся проблема в том, что как разделить пузыри которые двигаются вверх и пузыри, которые двигаются вниз, если фон, грубо говоря единый. Вырезать по каждому пузырику?)

Answer 1

[Сергей]

Тот эффект, что тебе нужен, называется параллакс (parallax), в интернете достаточно много таких библиотек, например, skrollr. Вырезать по каждому пузырьку не надо, достаточно создать 2-3 слоя с пузырьками, которые будут двигаться с разной скоростью относительно друг друга.

Comments

[Алексей Орлов]

Спасибо! Очень помогли

[Сергей]

Всегда пожалуйста.

[frees2]

<div id="download" data-10000="top[cubic]:100%;border-radius[cubic]:0em;background:rgb(0,50,100);border-width:0px;" data-12000="top:10%;border-radius:2em;background:rgb(190,230,255);border-width:10px;">

Ох-уеть!

Answer 2

[TheRevan]

да