CSS ग्रेडिएंट जेनरेटर
लाइव पूर्वावलोकन के साथ लीनियर और रेडियल CSS ग्रेडिएंट डिज़ाइन करें। कलर स्टॉप जोड़ें, कोण सेट करें, और साफ़-सुथरा बैकग्राउंड CSS कॉपी करें — सब कुछ आपके ब्राउज़र में ही।
कोण
90°
कलर स्टॉप
#f5530c
%
#ffa94d
%
background: linear-gradient(90deg, #f5530c 0%, #ffa94d 100%);
CSS ग्रेडिएंट जेनरेटर का उपयोग कैसे करें
- 1
ग्रेडिएंट का प्रकार चुनें
लीनियर और रेडियल के बीच स्विच करें। लीनियर ग्रेडिएंट में आप डिग्री में मापे जाने वाले कोण स्लाइडर से दिशा भी तय कर सकते हैं।
- 2
स्टॉप जोड़ें और उन्हें रंग दें
हर रंग चुनने के लिए स्वैच पर क्लिक करें, और उसकी स्थिति 0 से 100 प्रतिशत के बीच सेट करें। कई रंगों के मिश्रण के लिए और कलर स्टॉप जोड़ें, या चीज़ों को सरल रखने के लिए कोई स्टॉप हटा दें।
- 3
लाइव पूर्वावलोकन देखें
पूर्वावलोकन पैनल आपके ग्रेडिएंट को ठीक वैसे ही दिखाता है जैसे वह किसी ब्राउज़र में रेंडर होगा, और आपके हर बदलाव के साथ अपडेट होता रहता है।
- 4
CSS कॉपी करें
जेनरेट की गई बैकग्राउंड लाइन कॉपी करें और उसे अपनी स्टाइलशीट में पेस्ट करें। यह मानक CSS है जो हर आधुनिक ब्राउज़र में काम करता है।
अक्सर पूछे जाने वाले प्रश्न
मैं CSS ग्रेडिएंट कैसे बनाऊँ?
लीनियर और रेडियल ग्रेडिएंट में क्या अंतर है?
कलर स्टॉप क्या होते हैं?
मैं अपने प्रोजेक्ट में ग्रेडिएंट का उपयोग कैसे करूँ?
क्या मेरा डेटा किसी सर्वर पर अपलोड होता है?
संबंधित टूल्स
इन उपयोगी टूल्स के साथ आगे बढ़ें