CSS ग्रेडिएंट जनरेटर

लीनियर सीधी रेखा पर चलता है और कोण लेता है: 90deg बाएँ से दाएँ, 180deg ऊपर से नीचे। रेडियल केंद्र से गोल-गोल फैलता है और चमक या स्पॉटलाइट के लिए अच्छा है। कोनिक घड़ी की सुई की तरह एक बिंदु के चारों ओर घूमता है — पाई चार्ट और कलर व्हील इसी से बनते हैं।

अगर ब्राउज़र का पिकर अल्फ़ा देता है तो अपारदर्शिता घटा दें, वरना कॉपी की गई पंक्ति हाथ से बदलें: rgba(31, 95, 214, 0) भी ठोस रंग की तरह स्टॉप बन जाता है। सफ़ेद में मिलने से बेहतर पारदर्शी में मिलना है — वह किसी भी पृष्ठभूमि पर चलता है।

हाँ, दो पंक्तियाँ और जोड़नी होंगी: ग्रेडिएंट को background-image में रखें, फिर background-clip: text और color: transparent लिखें। अक्षर अपनी आकृति बनाए रखते हैं और ग्रेडिएंट उनके भीतर से झलकता है।

वहाँ वह लागू ही नहीं होता। रेडियल ग्रेडिएंट केंद्र से शुरू होता है और उसकी कोई दिशा नहीं होती, इसलिए कोण लीनियर और कोनिक के लिए बचा रहता है, जहाँ वह शुरुआत का बिंदु तय करता है।