ड्रॉप शैडो का उपयोग निर्दिष्ट X (क्षैतिज) और Y (ऊर्ध्वाधर) ऑफसेट और रंग पर आपकी वस्तु की छाया बनाने के लिए किया जाता है।
इस फ़िल्टर में निम्नलिखित पैरामीटर का उपयोग किया जा सकता है:
| पैरामीटर <वें शैली ="चौड़ाई:86.5306%; पाठ-संरेखण:केंद्र;">विवरण | |
|---|---|
| color | रंग, #RRGGBB प्रारूप में, ड्रॉपशैडो का। |
| offX | x-अक्ष के साथ, दृश्य वस्तु से ड्रॉप शैडो को ऑफसेट करने वाले पिक्सेल की संख्या। धनात्मक पूर्णांक ड्रॉप शैडो को दाईं ओर ले जाते हैं, ऋणात्मक पूर्णांक ड्रॉप शैडो को बाईं ओर ले जाते हैं। |
| offY | पिक्सेल की संख्या ड्रॉप शैडो को y-अक्ष के साथ विज़ुअल ऑब्जेक्ट से ऑफ़सेट किया जाता है। धनात्मक पूर्णांक ड्रॉप शैडो को नीचे ले जाते हैं, ऋणात्मक पूर्णांक ड्रॉप शैडो को ऊपर ले जाते हैं। |
| सकारात्मक | अगर सही है, तो ऑब्जेक्ट के सभी अपारदर्शी पिक्सल में एक ड्रॉप शैडो होता है। यदि गलत है, तो सभी पारदर्शी पिक्सेल में ड्रॉप शैडो होता है। डिफ़ॉल्ट सत्य है। |
उदाहरण
आप ड्रॉप शैडो इफ़ेक्ट सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं:
<html> <head></head> <body> <img src = "/css/images/logo.png" alt = "CSS Logo" style = "Filter: Chroma(Color = #000000) DropShadow(Color = #FF0000, OffX = 2, OffY = 2, Positive = 1)"> <p>Text Example:</p> <div style = "width: 357; height: 50; font-size: 30pt; font-family: Arial Black; color: red; Filter: DropShadow(Color = #000000, OffX = 2, OffY = 2, Positive = 1)">CSS Tutorials</div> </body> </html>