CSS ग्रेडिएंट जनरेटर

CSS gradients छवियों का उपयोग किए बिना दो या दो से अधिक रंगों के बीच सहज संक्रमण बनाते हैं। वे linear (एक सीधी रेखा के साथ), radial (एक केंद्र बिंदु से निकलते हुए), या conic (एक केंद्र के चारों ओर घूमते हुए) हो सकते हैं। यह visual editor आपको कई color stops के साथ जटिल gradients बनाने और तुरंत CSS कोड उत्पन्न करने देता है।

सभी जनरेटर टूल ब्राउज़ करें

उपयोग कैसे करें

एक gradient type (linear, radial, या conic) चुनें। linear gradients के लिए, कोण को समायोजित करें या एक preset दिशा चुनें। color stops जोड़ें, हटाएँ या संशोधित करें — प्रत्येक stop में एक color picker और position slider होता है। लाइव प्रीव्यू तुरंत अपडेट होता है। एक क्लिक से उत्पन्न CSS कोड को कॉपी करें।

सामान्य उपयोग के मामले

• •हीरो सेक्शन और बैनर के लिए बैकग्राउंड ग्रेडिएंट बनाना
• •Images और cards के लिए gradient overlays डिज़ाइन करना
• •रंगीन button और UI element backgrounds बनाना
• •CSS के साथ gradient borders और text effects उत्पन्न करना
• •Web और mobile applications के लिए color schemes का प्रोटोटाइप बनाना

ब्रेक लें और मुफ़्त ब्राउज़र गेम्स खेलें