इस्तेमाल कैसे करें
- दो या तीन रंग चुनें।
- ग्रेडिएंट का प्रकार और कोण चुनें।
- लाइव प्रीव्यू देखें।
- CSS कॉपी करने के लिए "कॉपी करें" दबाएँ और अपनी stylesheet में पेस्ट करें।
यह कैसे काम करता है
कोड standard CSS functions linear-gradient(), radial-gradient() और conic-gradient() इस्तेमाल करता है, जो सभी नए ब्राउज़र में बिना prefix के चलते हैं।
अक्सर पूछे जाने वाले सवाल
कोड कैसे इस्तेमाल करें?
इसे किसी CSS rule के अंदर पेस्ट करें, जैसे: .hero { background: linear-gradient(…); }
क्या टेक्स्ट पर ग्रेडिएंट लगा सकते हैं?
हाँ: ग्रेडिएंट बैकग्राउंड के साथ element पर background-clip: text और color: transparent लगाएँ।
कुछ ग्रेडिएंट बीच में ग्रे क्यों दिखते हैं?
उल्टे रंग (जैसे नीला और पीला) मिलाने पर बीच में ग्रे आता है। बीच में तीसरा रंग जोड़ें, या कलर-व्हील पर पास-पास के रंग चुनें।