1/* 5 Best CSS Gradient Generator Links */
2https://cssgradient.io/
3https://www.colorzilla.com/gradient-editor/
4https://www.css-gradient.com/
5https://mycolor.space/gradient
6https://uigradients.com/#Orca
1/*CSS Gradient Generator*/
2
3https://cssgradient.io/
4
5/*Example*/
6.My-Class {
7 background: linear-gradient(to right, blue/*Color1*/, dodgerblue/*Color1*/);
8}
1/* "element" bieng the target class item to style */
2.element{
3 background: rgb(2,0,36) !important;
4 background: linear-gradient(331deg, rgba(2,0,36,1) 0%, rgba(139,88,94,1) 0%, rgba(53,101,125,1) 14%, rgba(40,127,156,1) 29%, rgba(0,212,255,1) 100%) !important;
5 padding-bottom: 4%;
6}
1background: linear-gradient(Direction (keyword or degrees), color1 10% (10% width), color2 width (it's not neccessary), ...);
1background-image: linear-gradient(45deg, rgba(69,128,191,1) 15%, rgba(0,0,0,0) 15%, rgba(0,0,0,0) 85%, rgba(69,128,191,1) 85%), linear-gradient(135deg, rgba(0,0,0,0) 32%, rgba(76,0,168,1) 33%, rgba(76,0,168,1) 66%, rgba(0,0,0,0) 67%), linear-gradient(45deg, rgba(0,0,0,0) 32%, rgba(69,128,191,1) 33%, rgba(69,128,191,1) 65%, rgba(0,0,0,0) 66%);
2background-size: 20px 20px, 20px 20px, 20px 20px;
3background-position: 0px 0px, 0px 0px, 0px 0px;
4background-repeat: repeat, repeat, repeat;
5background-color: rgba(216,223,32,1);