Background animation on scroll?

Question

css

There is a PSD template, the background (throughout the entire LandingPage) is drawn on it in the form of bubbles, some of the bubbles should move up when scrolling, and some should move down. With what tools or libraries can this be done? The whole problem is that how to separate the bubbles that move up and the bubbles that move down, if the background, roughly speaking, is the same. Cut for each bubble?)

Answer 1

The effect you're looking for is called parallax, there are a lot of such libraries on the Internet, for example, skrollr . It is not necessary to cut out each bubble, it is enough to create 2-3 layers with bubbles that will move at different speeds relative to each other.

Answer 2

Yes