Gradients in CSS


  Gradients in CSS allow you to create smooth color transitions between two or more colors, enhancing the visual design of a web page. They are used for the background of the page.


Syntax


The CSS properties to create gradients include:
linear-gradient,
radial-gradient.
Usage examples include:
background: linear-gradient(to right, red, blue);
background: radial-gradient(circle, yellow, green);


Purpose


These properties help create attractive visual designs:


  • Enhance the interface aesthetics.
  • Create eye-catching backgrounds.
  • Add depth and dimension to elements.


Exercises



The rest of the content is available only for registered and premium users!



Which of the following is a CSS property to create a background gradient?