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.