CSS text-shadow प्रॉपर्टी का उपयोग करके टेक्स्ट पर नियॉन ग्लो (नियॉन चमक) प्रभाव बनाया जा सकता है। ब्लर रेडियस बढ़ाकर और ऑफसेट को शून्य रखकर चमकदार प्रभाव प्राप्त होता है।
उदाहरण
नीचे दिए गए उदाहरण में, <h1> टेक्स्ट पर लाल नियॉन ग्लो छाया लागू की गई है।
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
text-shadow: 0 0 4px #FF0000;
}
</style>
</head>
<body>
<h1>Heading One</h1>
<p>Above heading has a red neon glow shadow effect.</p>
</body>
</html>
नियॉन प्रभाव के लिए टिप्स:
h-offset: 0, v-offset: 0- छाया को टेक्स्ट के पीछे केंद्रित रखता हैब्लर रेडियस बढ़ाएं- अधिक फैलाव/चमक के लिए (जैसे8px, 15px)- गहरे रंग की पृष्ठभूमि पर सबसे अच्छा दिखता है
- कई छायाओं से लेयर्ड ग्लो:
text-shadow: 0 0 5px #ff0000, 0 0 10px #ff0000, 0 0 20px #ff0000
