CSS ग्रेडिएंट जनरेटर
CSS ग्रेडिएंट बनाएँ
आपके ब्राउज़र में चलता है · कोई अपलोड नहीं
यह टूल और इस पेज के निर्देश अभी अंग्रेज़ी में हैं। यह वैसे ही काम करता है: सब कुछ आपके ब्राउज़र में चलता है।
आपका ब्राउज़र इस टूल के लिए बहुत पुराना है। कृपया इसे अपडेट करें, या Chrome, Edge, Firefox या Safari का नया वर्ज़न इस्तेमाल करें।
- कुछ भी आपके डिवाइस से बाहर नहीं जाता
- सर्वर की ओर से साइज़ की कोई सीमा नहीं
- न साइन-अप, न वॉटरमार्क
- मुफ़्त
How to make a CSS gradient
- Pick linear, radial or conic, or start from a ready-made gradient.
- Set the angle or center, and add, move or remove colors.
- Copy the CSS.
Good to know
- Each color can be partly see-through, which is handy for overlays on photos.
- "Repeat the pattern" turns the gradient into stripes or rings.
- The CSS includes a plain background color for very old browsers.
अक्सर पूछे जाने वाले सवाल
Will it work in all browsers?
Linear and radial gradients work everywhere; conic gradients work in all current browsers.
Is anything uploaded?
No. The preview is drawn by your browser.