Skip to content
Back to CSS visual treatments and interaction states
PricingLog in

Web development

CSS linear gradients

Linear gradients blend colors across a background without an image file.

3 minutes. No sign-up needed.

Chapter 6: CSS visual treatments and interaction states11 lessons · 40 min
  1. 1CSS background images4 min
  2. 2CSS linear gradients3 min
  3. 3CSS borders and rounded corners3 min
  4. 4CSS box shadows3 min
  5. 5CSS opacity3 min
  6. 6CSS overflow3 min
  7. 7CSS object fitting3 min
  8. 8CSS interaction states4 min
  9. 9CSS pseudo-elements4 min
  10. 10CSS transitions4 min
  11. 11Challenge: CSS visual treatments and interaction states6 min
Go to the chapter

This lesson is part of the Web development course.

Example plan3 lessons · 10 min

CSS background images4 min
CSS linear gradientsCSS visual treatments and interaction states3 min
CSS borders and rounded cornersCSS visual treatments and interaction states3 min

An example. Your plan follows your answers, so it can start later and end sooner.

Build my plan

Start free, no account needed.