जनरेट सीएसएस ग्रेडियेंट
सुंदर CSS ढाल डिजाइन और कोड की प्रतिलिपि बनाएँ।
कैसे उपयोग करें सीएसएस ग्रेडिएंट जेनरेटर
रैखिक या रेडियल चुनें
रैखिक मिश्रण एक सीधी रेखा के साथ। रेडियल एक केंद्र बिंदु से बाहर फैलता है।
जोड़ें और स्थिति रंग बंद
जैसा कि आपको आवश्यकता है उतना रंग जोड़ें और प्रत्येक स्टॉप को ढाल के साथ रखने के लिए खींचें।
सीएसएस कॉपी करें
जब तक यह सही नहीं दिखता है तब तक कोण या आकार समायोजित करें, फिर उत्पन्न सीएसएस को अपनी स्टाइलशीट में कॉपी करें।
के बारे में सीएसएस ग्रेडिएंट जेनरेटर
सीएसएस ढाल सिंटैक्स स्मृति से लिखने के लिए पढ़ने और गलत करने में आसान है। कोणों को एक दिशा से मापा जाता है जो अधिकांश लोगों को पहली बार आश्चर्यचकित करता है, रंग स्टॉप स्थिति उन तरीकों में बातचीत करती है जो भविष्यवाणी करना मुश्किल है, और एक ढाल पाने का एकमात्र विश्वसनीय तरीका यह है कि इसे बदलना जैसा आप इसे समायोजित करते हैं। यही कारण है कि यह उपकरण किस प्रकार के लिए है: ढाल दृष्टि से बनाएं, फिर सीएसएस की प्रतिलिपि बनाएं जिसे आप सीधे स्टाइलशीट में पेस्ट कर सकते हैं।
दोनों प्रकार कवर किए गए हैं। एक रैखिक ढाल आपके द्वारा निर्धारित किसी भी कोण पर सीधी रेखा के साथ मिश्रण करता है, और वह बटन, हीरो सेक्शन और पृष्ठभूमि बैंड के लिए उपयोग करने वाला है। एक रेडियल ढाल एक सर्कल या अंडाकार में एक केंद्र बिंदु से बाहर फैलता है, जो स्पॉटलाइट्स, चमक और सूक्ष्म विगनेट्स के अनुरूप है। किसी भी तरह आप ट्रैक के साथ प्रत्येक को खींचने और खींचने के रूप में कई रंग स्टॉप जोड़ सकते हैं।
उत्पादन सादे है, इस साइट पर कोई निर्भरता के साथ उत्पादन-पढ़ने वाली सीएसएस और कोई विक्रेता आपको आवश्यकता नहीं है, क्योंकि हर वर्तमान ब्राउज़र ने वर्षों तक अप्रस्तुत स्नातकों का समर्थन किया है। सब कुछ आपके ब्राउज़र में चलता है, और उत्पन्न सीएसएस किसी भी परियोजना, वाणिज्यिक या अन्यथा उपयोग करने का आपकी है।
अक्सर पूछे जाने वाले प्रश्न
- मैं एक सीएसएस ढाल कैसे बना सकता हूं?
- रैखिक या रेडियल चुनें, अपना रंग बंद करें, कोण सेट करें, फिर उत्पन्न सीएसएस को सीधे अपनी स्टाइलशीट में कॉपी करें।
- रैखिक और रेडियल के बीच क्या अंतर है?
- एक रैखिक ढाल एक कोण पर एक सीधी रेखा के साथ मिश्रण करता है जिसे आप चुनते हैं। एक रेडियल ढाल एक सर्कल में आगे फैलता है या एक केंद्र बिंदु से बाहर निकल जाता है।
- क्या मैं दो से अधिक रंगों का उपयोग कर सकता हूँ?
- हाँ, जैसा कि आपको आवश्यकता है, उतना ही रंग स्टॉप जोड़ें और ग्रेविटी के साथ प्रत्येक को स्थिति दें।