Skip to main content

How do I create a gradient background on scroll?

Learn how to create a gradient background color on scroll.

 

Read on how to do it in this tutorial: https://www.w3schools.com/howto/howto_css_bg_gradient_scroll.asp 

 

Background Gradient

Screenshot_2021-11-06_at_09.38.05.png

 

Try it yourself here: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_bg_gradient_scroll 

 

Tip: To learn more about gradient backgrounds, go to our CSS Gradients Tutorial.