How To Create a Gradient Background on Scroll.

August 28, 2021

Create a linear gradient background color that starts from the top. It starts from teal/green to blue:

Example

body {
  height: 3000px; /* Used to enable scrolling */
  background: linear-gradient(55deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 85%);
}

Image of Preet Suthar

Written by Preet Suthar Learning and trying to make somthing better then before. You should follow them on Twitter