COLOR | HEX | POSITION | |
---|---|---|---|
+ Add Color |
background-image: linear-gradient(orientation, color1 stop1, color2 stop2, ...);
It uses an orientation which is the orientation angle of the gradient, followed by the colors to use for the gradient and their stop positions. The colors so informed constitute a gradient that goes from one point to another of the allocated space.background : linear-gradient(111deg,#079bee 20%,#0829be 70%,#031863 100%);
Our tool offers 3 colors by default. However you can use the add color button to add more colors.radial-gradient(shape, color1 stop1, color2 stop2, ...);
shape represents the type of radial gradient desired, it can be either a circle or an ellipse; followed by the gradient colors and their position or spacing