CSS text-shadow से सफेद टेक्स्ट पर काली छाया बनाएं

CSS text-shadow प्रॉपर्टी का उपयोग करके टेक्स्ट पर छाया प्रभाव जोड़ा जा सकता है। सफेद टेक्स्ट पर काली छाया बनाने के लिए छाया का रंग काला (#000000) और ऑफसेट मान सेट किए जाते हैं।

उदाहरण

नीचे दिए गए उदाहरण में, <h1> तत्व पर सफेद टेक्स्ट के साथ काली छाया लागू की गई है।

<!DOCTYPE html>
<html>
<head>
  <style>
    h1 {
      color: white;
      text-shadow: 3px 3px 3px #000000;
    }
  </style>
</head>
<body>
  <h1>Heading One</h1>
  <p>Above heading has a text shadow effect.</p>
</body>
</html>

text-shadow सिंटैक्स: text-shadow: h-offset v-offset blur-radius color;

• h-offset: हॉरिजॉन्टल ऑफसेट (दायां: पॉजिटिव, बायां: नेगेटिव)
• v-offset: वर्टिकल ऑफसेट (नीचे: पॉजिटिव, ऊपर: नेगेटिव)
• blur-radius: ब्लर त्रिज्या (वैकल्पिक, डिफ़ॉल्ट 0)
• color: छाया का रंग

नोट: कॉमा से अलग करके कई छायाएं भी जोड़ सकते हैं।