Repeating Linear Gradient: 45deg
#html5 #html5 #htmltutorial #cssdesign #css #css3 #csstutorials #css3html5 #csstricks #csstutorialscool #cssforbeginners #cssposition #cssflex #228B22 #87421F #8806CE #C72C48 #FF0000
What is repeating linear gradient? repeating-linear-gradient() The repeating-linear-gradient() CSS function creates an image consisting of repeating linear gradients. It is similar to linear-gradient() and takes the same arguments, but it repeats the color stops infinitely in all directions so as to cover its entire container.
What is a linear gradient? linear-gradient() The linear-gradient() CSS function creates an image consisting of a progressive transition between two or more colors along a straight line.
The code editor I am using is called Codepen:
https://codepen.io/
For more information about Codepen click on the link down below:
https://en.wikipedia.org/wiki/CodePen
The CSS Code for this project is featured down below:
.gradient {
height: 955px;
background-color: #228B22;
background-image: repeating-linear-gradient(
45deg,
#87421F,
#8806CE 10px,
#C72C48 10px,
#FF0000 20px
);
}