CSS ग्रेडिएंट जनरेटर
लाइव प्रीव्यू के साथ सुंदर CSS ग्रेडिएंट विज़ुअली बनाएँ। लीनियर, रेडियल और कोनिक ग्रेडिएंट के लिए समर्थन। कलर स्टॉप जोड़ें, एंगल एडजस्ट करें। CSS कोड कॉपी करें। मुफ्त ऑनलाइन टूल।
संदर्भ
CSS ग्रेडिएंट क्या हैं?
CSS ग्रेडिएंट आपको दो या अधिक निर्दिष्ट रंगों के बीच सहज संक्रमण प्रदर्शित करने देते हैं। CSS तीन प्रकार के ग्रेडिएंट प्रदान करता है: linear-gradient (सीधी रेखा में जाता है), radial-gradient (केंद्र बिंदु से विकिरित होता है) और conic-gradient (केंद्र बिंदु के चारों ओर घूमता है)।
ग्रेडिएंट प्रकार
लीनियर ग्रेडिएंट एक कोण द्वारा परिभाषित सीधी रेखा के साथ रंगों का संक्रमण करते हैं। रेडियल ग्रेडिएंट एक केंद्र बिंदु से बाहर की ओर दीर्घवृत्ताकार या वृत्ताकार आकार में विकिरित होते हैं। कोनिक ग्रेडिएंट एक केंद्र बिंदु के चारों ओर रंग संक्रमण घुमाते हैं, जैसे एक रंग चक्र।
कलर स्टॉप
कलर स्टॉप ग्रेडिएंट में रंगों और ग्रेडिएंट लाइन पर उनकी स्थिति को परिभाषित करते हैं। जटिल बहु-रंग ग्रेडिएंट बनाने के लिए आप कई स्टॉप जोड़ सकते हैं। प्रत्येक स्टॉप में एक रंग मान और एक वैकल्पिक स्थिति प्रतिशत होता है।
गोपनीयता
सभी ग्रेडिएंट जनरेशन 100% आपके ब्राउज़र में चलता है। कोई डेटा किसी सर्वर पर नहीं भेजा जाता।