CSS Gradient Generator
यह tool क्या करता है
Gradient type चुनें (Linear, Radial, या Conic), angle या shape adjust करें, color stops जोड़ें और उनकी positions drag करें, फिर ready-to-use CSS copy करें। Preview edit करते समय live update होता है। Preset swatch पर click करके starting point के रूप में apply करें।
उपयोग कैसे करें
- Gradient type चुनें: Linear, Radial, या Conic।
- Linear/Conic के लिए angle या Radial के लिए shape adjust करें।
- Color swatch click करके color बदलें, या HEX value type करें।
- Position sliders drag करके colors की distribution control करें।
- CSS code copy करने के लिए कॉपी करें क्लिक करें।
अक्सर पूछे जाने वाले प्रश्न
Linear gradient क्या है?
Linear gradient किसी तय कोण पर सीधी रेखा में रंगों को धीरे-धीरे बदलता है। CSS में `linear-gradient(135deg, #color1, #color2)` इस्तेमाल करें। कोण दिशा तय करता है: 0° नीचे से ऊपर, 90° बाएँ से दाएँ, 135° तिरछा।
Radial gradient क्या है?
Radial gradient केंद्र से बाहर की ओर गोल या अंडाकार आकार में रंग फैलाता है। CSS में `radial-gradient(circle, #color1, #color2)` इस्तेमाल करें। यह अक्सर spotlight और चमक के असर के लिए उपयोग होता है।
Conic gradient क्या है?
Conic gradient केंद्र के चारों ओर रंग बदलता है, जैसे color wheel। CSS में `conic-gradient(from 0deg, #color1, #color2)` इस्तेमाल करें। यह pie chart और spinner असर के लिए उपयोगी है।
कितने color stops जोड़ सकते हैं?
यह generator 8 color stops तक सपोर्ट करता है। हर stop का एक रंग और एक position (0–100%) होती है। हर रंग gradient में कहाँ से शुरू हो, यह position slider खींचकर तय करें।
क्या CSS gradients सभी ब्राउज़र में चलते हैं?
हाँ। Linear, radial और conic gradients सभी आधुनिक ब्राउज़र में सपोर्ट होते हैं। बहुत पुराने ब्राउज़र के लिए generator एक fallback background-color (पहले stop का रंग) भी देता है।