To demonstrate the gradient style we will use the mercer colors
Basic Linear Gradient
A Linear Gradient forms a block that will, by default, go top-bottom with two provided colors and create a color gradient.
Linear Gradient with angle
You can specify an angle in the style properties, which will turn the direction of the gradient inside the block in order to align it for different dseigns.
Linear Gradient with multiple color stop
The gradient style allows for more than two colors in the gradient block creating a more complex block design.
Linear Gradient with transparency
If you want the gradient to blend into the websites background we can use colors with an alpha channel to control the trancsparency of the colors in the gradient to do so.