कैसे उपयोग करें
- Choose the gradient type: linear, radial, or conic.
- Add color stops and drag them to set each color's position; for linear and conic, set the angle in degrees.
- The preview pane updates live as you edit.
- Copy the generated CSS background value straight into your stylesheet.
उदाहरण
- Two stops at #ff7e5f (0%) and #feb47b (100%) on a 90deg linear gradient produce the CSS background: linear-gradient(90deg, #ff7e5f 0%, #feb47b 100%).
- Switching to radial type with the same stops creates a soft glow from the center outward, shown live in the preview.