CSS repeating linear gradient() Function
CSS repeating-linear-gradient() Function
The repeating-linear-gradient() function is used for repeating multiple linear gradients.
Syntax:-
Its syntax is:- background-image: repeating-linear-gradient(angle | to side-or-corner, color-stop1, color-stop2, ...);
Further Explanation:-
Value | Description |
---|---|
angle | Defines an angle of direction for the gradient. |
side-or-corner | Defines the position of the starting point of the gradient line. It has two keywords i.e, the first one indicates the horizontal side and the second one the vertical side. |
color-stop1, color-stop2,... | Color stops are the colors that we want to render with smooth transitions. It consists of a color value, with an optional stop position. |
Code Explanation
All Tutorials related to CSS Functions
attr() Function in CSS
calc() Function in CSS
conic-gradient() Function in CSS
counter() Function in CSS
cubic-bezier() Function in CSS
hsl() Function in CSS
hsla() Function in CSS
linear-gradient() Function in CSS
max() Function in CSS
min() Function in CSS
radial-gradient() Function in CSS
repeating-conic-gradient() Function in CSS
repeating-linear-gradient() Function in CSS
repeating-radial-gradient() Function in CSS
rgb() Function in CSS
rgba() Function in CSS
var() Function in CSS