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