The CSS
The background-image:linear-gradient() is the piece of code that makes the magic happen! Simply type the two colors you want the gradient to be composed of in the bracket, separate them by a comma.
Add in other properties for the element in CSS
The HTML Now add in the HTML code and see how it works out.
Congrats, the effect looks great! Now lets play around with it by rotating the gradient.
Rotate the gradient
Simply type the degree you wish to rotate the gradient infront of the two colors
Hope you enjoy the tutorial today, see you next time. If anything is hard to understand on this page, send me an email : )
The background-image:linear-gradient() is the piece of code that makes the magic happen! Simply type the two colors you want the gradient to be composed of in the bracket, separate them by a comma.
Add in other properties for the element in CSS
The HTML Now add in the HTML code and see how it works out.
Congrats, the effect looks great! Now lets play around with it by rotating the gradient.
Rotate the gradient
Simply type the degree you wish to rotate the gradient infront of the two colors
Hope you enjoy the tutorial today, see you next time. If anything is hard to understand on this page, send me an email : )