कौन-से gradient प्रकार समर्थित हैं?

Linear (दिशा-आधारित), radial (वृत्ताकार या elliptical), और conic (angular sweep)। तीनों मानक CSS3 हैं और सभी आधुनिक ब्राउज़रों में समर्थित हैं।

मैं दो से अधिक रंग कैसे जोड़ूँ?

अतिरिक्त color stops जोड़ने के लिए "Add stop" बटन का उपयोग करें। प्रत्येक stop का एक रंग और 0 से 100 प्रतिशत के बीच स्थिति होती है। आप 8 stops तक जोड़ सकते हैं।

कौन-से ब्राउज़र conic gradients को समर्थन देते हैं?

Conic gradients Chrome 69+, Firefox 83+, Safari 12.1+, और Edge 79+ में समर्थित हैं। पुराने ब्राउज़रों के लिए linear या radial gradients का उपयोग करें।

क्या मैं अपना gradient सेव कर सकता हूँ?

जनरेटर एक CSS घोषणा आउटपुट करता है जिसे आप अपनी stylesheet में कॉपी कर सकते हैं। पूरे URL को bookmark करना फ़िलहाल स्थिति सुरक्षित नहीं रखता।

CSS Gradient जनरेटर

लाइव प्रीव्यू के साथ linear, radial, और conic CSS gradients बनाएं

आपका डेटा कभी आपके डिवाइस से बाहर नहीं जाता

Gradient प्रकार

कोण: 45°

Color stops (2/8)

प्रीव्यू

CSS आउटपुट

background: linear-gradient(45deg, #ff6e7f 0%, #bfe9ff 100%);

Presets

अक्सर पूछे जाने वाले सवाल

कौन-से gradient प्रकार समर्थित हैं?

Linear (दिशा-आधारित), radial (वृत्ताकार या elliptical), और conic (angular sweep)। तीनों मानक CSS3 हैं और सभी आधुनिक ब्राउज़रों में समर्थित हैं।
मैं दो से अधिक रंग कैसे जोड़ूँ?

अतिरिक्त color stops जोड़ने के लिए "Add stop" बटन का उपयोग करें। प्रत्येक stop का एक रंग और 0 से 100 प्रतिशत के बीच स्थिति होती है। आप 8 stops तक जोड़ सकते हैं।
कौन-से ब्राउज़र conic gradients को समर्थन देते हैं?

Conic gradients Chrome 69+, Firefox 83+, Safari 12.1+, और Edge 79+ में समर्थित हैं। पुराने ब्राउज़रों के लिए linear या radial gradients का उपयोग करें।
क्या मैं अपना gradient सेव कर सकता हूँ?

जनरेटर एक CSS घोषणा आउटपुट करता है जिसे आप अपनी stylesheet में कॉपी कर सकते हैं। पूरे URL को bookmark करना फ़िलहाल स्थिति सुरक्षित नहीं रखता।