We can add color gradients to HTML elements
using the background property. Gradients let you display
smooth transitions between different colours.
CSS supports three types of gradients:
- Linear Gradients
- Radial Gradients
- Conic Gradients
To add linear gradient, we need to specify the direction
followed by a list of colors that should
be present in the transition.
If the direction
is not specified, it defaults to to bottom
.
We can also add radial gradients which transition colors from
the center and point outwards.
Conic gradients transition colors around a center point,
creating a circular sweep effect.
We can also specify color stops using percentages
to control where colors begin and end in the gradient.