CSS एनिमेटेड ग्रेडिएंट बैकग्राउंड जनरेटर
ऑनलाइन डायनामिक ग्रेडिएंट बैकग्राउंड बनाएं, कई रंगों, एनीमेशन दिशाओं और प्रीसेट विकल्पों का समर्थन करता है, एक क्लिक में CSS कोड जनरेट करें
ब्राउज़र निष्पादन मोड: आपका डेटा आपके ब्राउज़र में प्रोसेस होता है और सर्वर पर अपलोड नहीं किया जाता.
गति और स्थिरता: प्रोसेसिंग गति आपके डिवाइस और ब्राउज़र पर निर्भर करती है। बड़े बैच कार्यों के लिए डेस्कटॉप संस्करण अधिक स्थिर हो सकता है।
टूल लोड हो रहा है, कृपया प्रतीक्षा करें...
यदि ऑनलाइन टूल लोड या रन नहीं हो सके, तो डेस्कटॉप टूल आज़माएँ। https://tools.yikeaigc.com/
टूल उपयोग
पुराने संस्करण पर लौटेंरंग सेटिंग
उदाहरण योजना से शुरू करना तेज़ है। रंग स्टॉप ग्रेडिएंट ट्रांज़िशन की लय को प्रभावित करते हैं; 2-6 रंग रखना बेहतर है।
एनीमेशन पैरामीटर
पेज बैकग्राउंड के लिए धीमी फ्लो स्पीड सुझाई जाती है। मोशन कम करना हो तो कम मोशन संगत कोड चालू करें।
बनाएँ व निर्यात करें
क्लास नाम और उपयोग सेट करने के बाद, CSS को प्रोजेक्ट स्टाइल फ़ाइल में कॉपी करें और लक्ष्य तत्व में संबंधित क्लास जोड़ें।
निर्देश
सॉफ़्टवेयर उपयोग निर्देश
- रंग योजना चुनें:“रंग सेटिंग” में उदाहरण योजना पर क्लिक करें, या रंग और स्टॉप पॉइंट मैन्युअल रूप से जोड़ें, हटाएँ और समायोजित करें।
- ग्रेडिएंट प्रकार सेट करें:लीनियर, रेडियल या कोनिक ग्रेडिएंट चुनें, और आवश्यकता अनुसार कोण व केंद्र स्थिति समायोजित करें।
- एनीमेशन पैरामीटर कॉन्फ़िगर करें:“एनीमेशन पैरामीटर” में फ्लो मोड, मूवमेंट दिशा, अवधि, बैकग्राउंड आकार, एनीमेशन कर्व और लूप मोड सेट करें।
- आउटपुट उपयोग चुनें:“जनरेट एक्सपोर्ट” में बैकग्राउंड कंटेनर, ग्रेडिएंट टेक्स्ट या ग्रेडिएंट बॉर्डर चुनें, और CSS क्लास नाम, गोल कोने, बॉर्डर आदि पैरामीटर सेट करें।
- इफ़ेक्ट का पूर्वावलोकन करें:दाईं ओर बैकग्राउंड, कार्ड, टेक्स्ट और बॉर्डर पूर्वावलोकन मोड के बीच स्विच किया जा सकता है; इफ़ेक्ट की पुष्टि करने के बाद कोड जनरेट करें।
- कोड कॉपी या डाउनलोड करें:“CSS कॉपी करें”“HTML कॉपी करें” या “CSS डाउनलोड करें” पर क्लिक करें, और कोड को पेज एलिमेंट्स में लागू करें।
- सेटिंग्स सेव करें:“सेटिंग्स सेव करें” पर क्लिक करके मौजूदा पैरामीटर सुरक्षित रखे जा सकते हैं, ताकि अगली बार संपादन जारी रखना आसान हो।
सामान्य प्रश्न
संबंधित टूल
बैच छवि झुकाव और चार-कोना सुधार टूल
फ़ोटो खींचे गए दस्तावेज़ों, रसीदों और व्हाइटबोर्ड के चारो...
छवि में टेक्स्ट जोड़ने का टूल
पूरी तरह कस्टम जोड़ना, स्थान, रंग, आकार और फ़ॉन्ट का समर्...
क्यूआर कोड बैच पहचानकर्ता
छवियों में QR कोड सामग्री की बैच पहचान करें, कई पहचान मोड...
छवियों में बैच में बॉर्डर जोड़ने का टूल
कई छवियों में बैच में ठोस रंग, ग्रेडिएंट या रैंडम स्टाइल ...
बैच इमेज ब्लैक बॉर्डर हटाने का टूल
छवियों के काले किनारों, सफेद किनारों और कस्टम ठोस रंग के ...
छवि में शोर जोड़ने का टूल
छवियों में विभिन्न प्रकार के नॉइज़ प्रभाव जोड़ें, जैसे Ga...
बैच इमेज आकार बदलने का टूल
कई इमेज का आकार तुरंत बदलें। पिक्सेल/मिमी, स्ट्रेच या रंग...
आईडी फोटो का बैकग्राउंड रंग बदलने वाला टूल
व्यक्ति की स्मार्ट पहचान करें, एक क्लिक में आईडी फोटो का ...