ग्रेडिएंट जनरेटर
सीएसएस ग्रेडिएंट को दृश्य रूप से बनाएं और पूर्वावलोकन करें।
ग्रेडिएंट सेटिंग्स
ग्रेडिएंट प्रकार और दिशा सेट करें
रंग स्टॉप
ग्रेडिएंट रंग और स्थिति सेट करें
%
%
प्रीसेट
पूर्वनिर्धारित ग्रेडिएंट आज़माएं
पूर्वावलोकन
उत्पन्न ग्रेडिएंट देखें
उत्पन्न सीएसएस
background: linear-gradient(90deg, #ff0000 0%, #0000ff 100%);ग्रेडिएंट प्रकार विवरण
रैखिक ग्रेडिएंट
एक ग्रेडिएंट जो सीधी रेखा दिशा में रंग बदलता है। आप दिशा निर्धारित करने के लिए कोण को समायोजित कर सकते हैं।
रेडियल ग्रेडिएंट
एक ग्रेडिएंट जो एक केंद्र बिंदु से बाहर की ओर गोलाकार या अण्डाकार आकार में रंग बदलता है।
शंक्वाकार ग्रेडिएंट
एक शंक्वाकार ग्रेडिएंट जो एक केंद्र बिंदु के चारों ओर घूमते हुए रंग बदलता है।