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

अपने ब्राउज़र में लीनियर, रेडियल और कॉनिक CSS ग्रेडिएंट बनाएं।

ग्रेडिएंट प्रकार कोण (deg)

X स्थिति (%) Y स्थिति (%)

रंग स्टॉप

स्थिति संपादित करने के लिए स्टॉप हैंडल या कीबोर्ड तीरों का उपयोग करें. प्रत्येक स्टॉप में स्पष्ट रंग, अपारदर्शिता और प्रतिशत शामिल हैं.

तैयार

पूर्वावलोकन

जनरेट किया गया CSS फ़ॉलबैक पृष्ठभूमि रंग CSS ग्रेडिएंट आयात करें

आयात linear-gradient(), radial-gradient() या conic-gradient() को हेक्स रंगों और प्रतिशत के साथ स्वीकार करता है।

ब्राउज़र-नेटिव स्थानीय प्रोसेसिंग

आपका ग्रेडिएंट इस ब्राउज़र में रहता है. कोई रंग या उत्पन्न CSS Convertr को नहीं भेजा जाता है.

बाउंडेड इंपोर्ट ग्रामर

आयात linear-gradient(), radial-gradient() या conic-gradient() को हेक्स रंगों और प्रतिशत के साथ स्वीकार करता है. घोषणाओं, URL, चर और अज्ञात फ़ंक्शनों को स्थानीय रूप से अस्वीकार कर दिया जाता है.

सुलभ फ़ॉलबैक

उत्पन्न CSS में असमर्थित रेंडरर्स और एक्सेसिबल कंट्रोल क्रोम के लिए ग्रेडिएंट के साथ एक ठोस पृष्ठभूमि रंग फ़ॉलबैक शामिल है।

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

क्या मेरा ग्रेडिएंट अपलोड किया गया है?

नहीं. ग्रेडिएंट स्थिति, रंग, आयातित CSS और उत्पन्न CSS आपके ब्राउज़र में रहता है।

कौन से CSS ग्रेडिएंट प्रकार समर्थित हैं?

जनरेटर linear-gradient(), radial-gradient() और conic-gradient() आउटपुट बनाता है जिसमें कई हेक्स रंग स्टॉप होते हैं।

मैं क्या आयात कर सकता हूं?

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