background gradient effect on scroll

[momsabhiruchi]

hello friends, i am trying to create a background gradient effect visible on scroll in my store similar to https://theartarium.com/

can any one please help me with that.

my store link : https://moortikar.myshopify.com/

store password: rtebra

Looking forward for the solution. Thanks in advance.

[Flair-Liam]

Hi, 

Perhaps the easiest way, depending on your theme would be to use an external library like AOS. 

If any of these transitions work for you: https://michalsnik.github.io/aos you could install AOS in the theme.liquid  and then reference them in each section you need. 

E.G: 

<div data-aos="fade-up" data-aos-duration="1000">Content Section</div>

Hope that helps,

Liam