ग्रेडिएंट जनरेटर क्या है?
विज़ुअल CSS ग्रेडिएंट बिल्डर जो असीमित कलर स्टॉप्स के साथ लीनियर, रेडियल और कोनिक ग्रेडिएंट बनाने देता है। रंग, कोण और पोज़ीशन रियल टाइम में बदलें और एक क्लिक में CSS कॉपी करें।
उपयोग कैसे करें
- चरण 1 — अपना ग्रेडिएंट प्रकार चुनें (लीनियर, रेडियल या कोनिक) और एंगल स्लाइडर या प्रीसेट बटन का उपयोग करके दिशा या कोण सेट करें।
- चरण 2 — ग्रेडिएंट बार पर क्लिक करके कलर स्टॉप्स जोड़ें। प्रत्येक स्टॉप का रंग और पोज़ीशन ड्रैग करके या सटीक मान दर्ज करके समायोजित करें।
- चरण 3 — ग्रेडिएंट का लाइव प्रिव्यू देखें, फिर जनरेट हुई CSS कोड को क्लिपबोर्ड पर कॉपी करें या CSS फ़ाइल के रूप में डाउनलोड करें।
परिणाम
मान लीजिए आपको सनसेट थीम का हीरो बैकग्राउंड चाहिए। 135° लीनियर ग्रेडिएंट चुनें, 0% पर ऑरेंज, 50% पर रोज़ और 100% पर पर्पल रखें, फिर CSS को अपनी स्टाइलशीट में पेस्ट कर दें।