freeCodeCamp/guide/english/certifications/responsive-web-design/applied-visual-design/create-a-gradual-css-linear.../index.md

834 B

title
Create a Gradual CSS Linear Gradient

Create a Gradual CSS Linear Gradient

To create a linear gradient you must define at least two color stops. Color stops are the colors you want to render smooth transitions among. You can also set a starting point and a direction (or an angle) along with the gradient effect.

The syntax is always:

background-image: linear-gradient(angle, color-stop1, color-stop2);

The colors can be used in both hex() and rgb() formats. Experiment a bit and you'll understand how easy and beautiful it is to use it.

Resources

There's an extensive info on this topic available on this link.

Also, you might want to review this Youtube video by The Net Ninja.