Visually create CSS gradients and copy the code
background: linear-gradient(135deg, #137fec 0%, #0d5bbd 100%);Select gradient type (Linear/Radial)
Pick colors and adjust positions
Set the angle or direction
Copy the CSS code and apply to your project
A CSS gradient is a smooth transition between two or more colors as a background. There are two main types: linear-gradient and radial-gradient.
Color stops define where specific colors are positioned in a gradient. 0% is the start, 100% is the end, and you can add multiple stops in between.
Gradients can be used for website backgrounds, buttons, cards, headers, text effects, and more. Simply apply the CSS code to the background property.