Gradients: Linear and Radial
Create smooth color transitions with linear-gradient() and radial-gradient().
What is a CSS Gradient?
CSS gradients are generated images (no image file needed) that transition between two or more colors. They are specified as values of background-image or the background shorthand.
linear-gradient() Basics
A linear gradient transitions colors along a straight line. The first argument sets the direction, followed by color stops.
background: linear-gradient(to right, #ff6347, #1e90ff);All lessons in this course
- Color Values: Named, Hex, RGB, HSL
- Background Color and Image
- Gradients: Linear and Radial
- Opacity and RGBA Transparency