सीएसएस के साथ छाया फ़िल्टर

शैडो फिल्टर का उपयोग निर्दिष्ट दिशा और रंग में एक क्षीण छाया बनाने के लिए किया जाता है।

इस फ़िल्टर में निम्न पैरामीटर का उपयोग किया जा सकता है

पैरामीटर <वें शैली ="चौड़ाई:66.7755%; पाठ-संरेखण:केंद्र;">विवरण
रंग	वह रंग जो आप चाहते हैं कि छाया हो।
Direction	धुंधले की दिशा, घड़ी की दिशा में जाकर, 45-डिग्री की वृद्धि के लिए गोल। डिफ़ॉल्ट मान 270 (बाएं) है। 0 =शीर्ष 45 =ऊपर दाएं 90 =राइट 135 =नीचे दाईं ओर 180 =नीचे 225 =नीचे बाएँ 270 =वाम 315 =ऊपर बाएँ

पैरामीटर
<वें शैली ="चौड़ाई:66.7755%; पाठ-संरेखण:केंद्र;">विवरण

रंग

वह रंग जो आप चाहते हैं कि छाया हो।

Direction

धुंधले की दिशा, घड़ी की दिशा में जाकर, 45-डिग्री की वृद्धि के लिए गोल। डिफ़ॉल्ट मान 270 (बाएं) है।
0 =शीर्ष
45 =ऊपर दाएं
90 =राइट
135 =नीचे दाईं ओर
180 =नीचे
225 =नीचे बाएँ
270 =वाम
315 =ऊपर बाएँ

उदाहरण

छाया फ़िल्टर लागू करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं -

<html>
   <head>
   </head>

   <body>

      <img src="/css/images/logo.png"
         alt="CSS Logo"
         style="FILTER: Chroma(Color = #000000) Shadow(Color=#00FF00, Direction=225)">

      <p>Text Example:</p>

      <div style="width: 357;
         height: 50;
         font-size: 30pt;
         font-family:
         Arial Black;
         color: red;
         Filter: Shadow(Color=#0000FF, Direction=225)">CSS Tutorials</div>
   </body>

</html>