Gradient Creations
RJM Programming - August, 2020
Gradient
Type
Direction
Colours
linear-gradient
repeating-linear-gradient
radial-gradient
repeating-radial-gradient
As per angle below
to right
to left
to top
to bottom
to right top
to left top
to right bottom
to left bottom
... at ...
Defaults
ellipse farthest-corner
ellipse closest-side
ellipse closest-corner
ellipse farthest-side
circle farthest-corner
circle closest-side
circle closest-corner
circle farthest-side
Opacity:
Opacity:
Opacity:
Opacity:
Opacity:
Opacity:
Opacity:
Opacity:
background: linear-gradient(#ff0000, #0000ff);