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