सीएसएस ग्रेडिएंट जेनरेटर

लाइव पूर्वावलोकन और कॉपी-तैयार सीएसएस के साथ रैखिक, रेडियल और शंकु ग्रेडिएंट बनाएं। स्टॉप, कोण और आकार समायोजित करें - फिर अपनी स्टाइलशीट में पेस्ट करें।

CSS Gradient Generator

Live

Type

Angle135°

Stop 1

Stop 2

Third color stopStop 3

CSS output

background: linear-gradient(135deg, #c026d3 0%, #fb923c 50%, #f43f5e 100%);

Key capabilities

लाइव पूर्वावलोकन और कॉपी-तैयार सीएसएस के साथ रैखिक, रेडियल और शंकु ग्रेडिएंट बनाएं।
आपके ब्राउज़र में चलता है
उपयोग करने के लिए निःशुल्क

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

ढाल प्रकार और कोण या स्थिति चुनें।
रंग स्टॉप जोड़ें या संपादित करें.
उत्पन्न सीएसएस की प्रतिलिपि बनाएँ।

How this tool works

ढाल प्रकार और कोण या स्थिति चुनें।
रंग स्टॉप जोड़ें या संपादित करें.
उत्पन्न सीएसएस की प्रतिलिपि बनाएँ।

Recommended settings

पहले डिफ़ॉल्ट विकल्पों का उपयोग करें, फिर यदि आवश्यक हो तो समायोजित करें

Supported formats

Text / on-page input

File size and limits

पुराने फ़ोन पर बहुत जटिल मल्टी-लेयर पूर्वावलोकन धीमा लग सकता है।

Privacy

रंग और सीएसएस जनरेटर पूरी तरह से आपके ब्राउज़र में चलते हैं। पूर्वावलोकन और रूपांतरण कभी भी आपकी शैलियाँ अपलोड नहीं करते हैं।

Common use cases

जब भी आपको आवश्यकता हो सीएसएस ग्रेडिएंट जेनरेटर का उपयोग करें: लाइव पूर्वावलोकन और कॉपी-तैयार सीएसएस के साथ रैखिक, रेडियल और शंकु ग्रेडिएंट बनाएं।

Troubleshooting

पेस्ट करने के बाद पूर्वावलोकन अलग दिखता है

अपने पृष्ठ पर प्रतिस्पर्धी सीएसएस की जांच करें (रीसेट, विरासत में मिले रंग)। पहले जेनरेट किए गए नियम को एक अलग स्टाइलशीट में कॉपी करें।

अक्सर पूछे जाने वाले प्रश्न

क्या यह मेरा सीएसएस अपलोड करता है?

नहीं, जेनरेटर और कन्वर्टर आपके ब्राउज़र में लाइव पूर्वावलोकन के साथ चलते हैं।

क्या मुझे एक खाते की आवश्यकता है?

नहीं, टूल खोलें, नियंत्रणों में बदलाव करें और सीएसएस की प्रतिलिपि बनाएँ।