ऑनलाइन ग्रेडिएंट पृष्ठभूमि जनरेटर
CSS ग्रेडिएंट प्रभावों का रीयल-टाइम पूर्वावलोकन करें, लीनियर, रेडियल और कॉनिक ग्रेडिएंट का समर्थन, एक क्लिक में कोड जनरेट करें और इमेज निर्यात करें
ब्राउज़र निष्पादन मोड: आपका डेटा आपके ब्राउज़र में प्रोसेस होता है और सर्वर पर अपलोड नहीं किया जाता.
गति और स्थिरता: प्रोसेसिंग गति आपके डिवाइस और ब्राउज़र पर निर्भर करती है। बड़े बैच कार्यों के लिए डेस्कटॉप संस्करण अधिक स्थिर हो सकता है।
टूल लोड हो रहा है, कृपया प्रतीक्षा करें...
यदि ऑनलाइन टूल लोड या रन नहीं हो सके, तो डेस्कटॉप टूल आज़माएँ। https://tools.yikeaigc.com/
टूल उपयोग
पुराने संस्करण पर लौटेंग्रेडिएंट सेट करें
पहले ग्रेडिएंट प्रकार चुनें, फिर दिशा और कलर स्टॉप समायोजित करें। कलर स्टॉप को छोटे से बड़े क्रम में रखें।
कोड निर्यात
पूर्वावलोकन सही होने पर CSS कॉपी करें या PNG, JPG, SVG, CSS फ़ाइलें व संसाधन पैक निर्यात करें।
सेव और शेयर
मौजूदा पैरामीटर सहेजें, शेयर लिंक बनाएं, या आम CSS ग्रेडिएंट कोड पेस्ट कर रिवर्स पढ़ें।
निर्देश
सॉफ़्टवेयर उपयोग निर्देश
- ग्रेडिएंट प्रकार सेट करें: लीनियर ग्रेडिएंट, रेडियल ग्रेडिएंट या कॉनिक ग्रेडिएंट चुनें। लीनियर बैनर और वेबपेज बैकग्राउंड के लिए उपयुक्त है, रेडियल केंद्र से फैलने वाले प्रभावों के लिए उपयुक्त है, और कॉनिक रिंग, कलर व्हील और सजावटी पैटर्न के लिए उपयुक्त है।
- दिशा और आकार समायोजित करें:
- लीनियर ग्रेडिएंट: दिशा बटन का उपयोग किया जा सकता है, या कोण स्लाइडर से 0-360 डिग्री दिशा सेट की जा सकती है।
- रेडियल ग्रेडिएंट: वृत्त या दीर्घवृत्त, फैलाव सीमा और केंद्र बिंदु X/Y स्थिति सेट की जा सकती है।
- कॉनिक ग्रेडिएंट: प्रारंभिक कोण और केंद्र बिंदु स्थिति सेट की जा सकती है।
- रंग नोड कॉन्फ़िगर करें: प्रत्येक रंग नोड को नियंत्रित करने के लिए रंग चयनकर्ता, HEX इनपुट बॉक्स, स्थिति प्रतिशत और पारदर्शिता पैरामीटर का उपयोग करें। रंग जोड़े, हटाए, क्रमबद्ध और उलटे किए जा सकते हैं, और एक क्लिक में नोड्स को समान रूप से वितरित किया जा सकता है।
- इफ़ेक्ट विकल्पों का उपयोग करें: रिपीट ग्रेडिएंट, सॉफ्ट लाइट लेयर, विग्नेट और फाइन टेक्सचर सक्षम किए जा सकते हैं, ताकि बैकग्राउंड वेबपेज के हीरो सेक्शन, कार्ड, पोस्टर और डिज़ाइन सामग्री के लिए अधिक उपयुक्त हो।
- कॉपी और एक्सपोर्ट करें: “कोड एक्सपोर्ट” में CSS क्लास नाम, केवल डिक्लेरेशन या CSS वेरिएबल मोड चुनें; CSS कोड कॉपी किया जा सकता है, और PNG, JPG, SVG, CSS फ़ाइलें तथा ZIP संसाधन पैक भी एक्सपोर्ट किए जा सकते हैं।
- सेव और शेयर करें: “सेव शेयर” में वर्तमान सेटिंग्स सेव करें, शेयर लिंक जनरेट करें, या मौजूदा CSS ग्रेडिएंट कोड पेस्ट करके टूल में पढ़ें और आगे संपादित करें।
अक्सर पूछे जाने वाले प्रश्न
संबंधित टूल
लैंडस्केप/पोर्ट्रेट छवियों की स्वचालित पहचान व व्यवस्था टूल
छवियों की क्षैतिज/ऊर्ध्व दिशा और अनुपात को बैच में पहचाने...
छवि दिशा बैच सुधार उपकरण
बैच में चित्रों की दिशा पहचानें और सुधारें, वर्टिकल फोटो ...
आईडी फोटो का बैकग्राउंड रंग बदलने वाला टूल
व्यक्ति की स्मार्ट पहचान करें, एक क्लिक में आईडी फोटो का ...
छवि गुणवत्ता जाँच/अंकन/छँटाई
छवियों की स्पष्टता, एक्सपोज़र, कॉन्ट्रास्ट, शोर और कम्प्र...
बैच PDF बहु-पृष्ठ मर्ज टूल
PDF फ़ाइल के कई पृष्ठों को एक पृष्ठ पर मर्ज करें, जिससे प...
फोटो बॉर्डर वॉटरमार्क जनरेटर
फ़ोटो में ऑनलाइन बॉर्डर और कस्टम टेक्स्ट वॉटरमार्क जोड़ें...
ग्रेडिएंट बैकग्राउंड इमेज बैच जनरेशन टूल
कई शैलियों वाली ग्रेडिएंट बैकग्राउंड इमेज तेज़ी से जनरेट ...
क्यूआर कोड बैच पहचानकर्ता
छवियों में QR कोड सामग्री की बैच पहचान करें, कई पहचान मोड...
Xiaohongshu वायरल वीडियो कवर बनाने का टूल
हाथ से बने डूडल शैली का कवर जनरेटर, रंगीन टेक्स्ट, गोलाका...