CSS ग्रेडिएंट जेनरेटर
कई रंग पड़ावों के साथ रैखिक, त्रिज्यीय और शंक्वाकार CSS ग्रेडिएंट बनाएँ और कोड कॉपी करें।
background: —;
सब कुछ आपके ब्राउज़र में चलता है — कोई अपलोड नहीं, कोई साइन-अप नहीं।
CSS ग्रेडिएंट जेनरेटर के बारे में
CSS Gradient Generator पूर्ण विज़ुअल नियंत्रण के साथ linear, radial और conic ग्रेडिएंट बनाता है। ग्रेडिएंट बार पर क्लिक करके कलर स्टॉप जोड़ें, उन्हें खींचकर पुनर्स्थापित करें, और हर स्टॉप को अपना रंग, अपारदर्शिता और पोज़िशन दें। linear ग्रेडिएंट को एक एंगल नियंत्रण मिलता है; radial को आकार (circle या ellipse) और पोज़िशन; conic को एक प्रारंभिक एंगल।
लाइव प्रीव्यू ठीक वही दिखाता है जो ब्राउज़र रेंडर करेगा, और एक रैंडमाइज़ बटन के साथ चुनिंदा प्रीसेट का एक सेट भी है जो तब काम आता है जब आपको खाली कैनवास की बजाय एक शुरुआती बिंदु चाहिए। स्टॉप को स्वतंत्र रूप से जोड़ा और हटाया जा सकता है — एक ग्रेडिएंट को बस कम से कम दो चाहिए।
जब यह सही लगे, तो बेयर ग्रेडिएंट वैल्यू या एक पूरा CSS नियम कॉपी करें। यह जनरेटर पूरी तरह आपके ब्राउज़र में चलता है, बिना अपलोड और बिना साइन-अप के, जिससे यह बटन, हीरो बैकग्राउंड, बॉर्डर और टेक्स्ट प्रभावों के लिए एक तेज़ साथी बन जाता है।
CSS ग्रेडिएंट जेनरेटर का उपयोग कैसे करें
- ग्रेडिएंट प्रकार चुनें: linear, radial या conic।
- एंगल सेट करें (linear), आकार और पोज़िशन (radial), या प्रारंभिक एंगल (conic)।
- कलर स्टॉप जोड़ने के लिए ग्रेडिएंट बार पर क्लिक करें और उन्हें पोज़िशन में खींचें।
- हर स्टॉप को उसका रंग, अपारदर्शिता और सटीक पोज़िशन दें।
- तुरंत प्रेरणा के लिए प्रीसेट या रैंडमाइज़ बटन आज़माएं।
- ग्रेडिएंट वैल्यू या पूरा CSS नियम कॉपी करें।