Applying a color on HTML elements is not limited to one flat hue. CSS provides the ability to use color transitions, otherwise known as gradients, on elements. This is accessed through thebackgroundproperty'slinear-gradient()function. Here is the general syntax:
background:linear-gradient(gradient_direction, color 1, color 2, color 3, ...);
The first argument specifies the direction from which color transition starts - it can be stated as a degree, where90degmakes a horizontal gradient (from left to right) and45degmakes a diagonal gradient (from bottom left to top right). The following arguments specify the order of colors used in the gradient.