How to create: gradient background while scrolling

Learn how to create a gradient background color while scrolling.

Background gradient

Try It Yourself

How to create a gradient background while scrolling

Create a linear gradient background color starting from the top. The color transitions from teal to blue:

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

Try It Yourself

Related Pages

Tutorial:CSS Gradient