डिज़ाइन
CSS ग्रेडिएंट जेनरेटर
CSS ग्रेडिएंट विज़ुअली बनाएँ।
कैसे उपयोग करें
प्रीसेट चुनें या शुरू से बनाएँ: रंग स्टॉप जोड़ें, स्थितियाँ खींचें, रैखिक / रेडियल / कोनिक स्विच करें। CSS या टेलविंड क्लास स्निपेट कॉपी करें।
FAQ
कौन-कौन से gradient प्रकार support होते हैं?
Linear (कोई भी कोण), radial (केंद्र से circle) और conic (color wheel)। हर प्रकार कई color stops और खींचकर बदली जा सकने वाली positions को support करता है।
CSS कैसे इस्तेमाल करें?
बनाई गई background लाइन को अपनी stylesheet में कॉपी करें, या उसे bg-[linear-gradient(...)] जैसे Tailwind arbitrary value में पेस्ट करें।
क्या मैं किसी preset से शुरू कर सकता हूँ?
हाँ — 12 presets (sunset, ocean, radial spotlight, conic rainbow और अन्य) में से किसी पर क्लिक करें, फिर stops और angles समायोजित करें।
अंतिम अपडेट: