CSS3 में छवि में ड्रॉप शैडो जोड़ने के लिए, फ़िल्टर गुण के लिए ड्रॉप-शैडो मान का उपयोग करें। इसके निम्नलिखित मान हैं -
एच-छाया - क्षैतिज छाया के लिए पिक्सेल मान निर्दिष्ट करने के लिए।
वी-छाया - लंबवत छाया के लिए पिक्सेल मान निर्दिष्ट करने के लिए। नकारात्मक मान छाया को छवि के ऊपर रखते हैं।
धुंधला - छाया में धुंधला प्रभाव जोड़ने के लिए।
फैलें - सकारात्मक मूल्यों के कारण छाया फैलती है और नकारात्मक सिकुड़ती है।
रंग - छाया में रंग जोड़ने के लिए
उदाहरण
<!DOCTYPE html>
<html>
<head>
<style>
img.demo {
filter: brightness(120%);
filter: contrast(120%);
filter: drop-shadow(10px 10px 10px green);
}
</style>
</head>
<body>
<h1>Learn MySQL</h1>
<img src="https://www.tutorialspoint.com/mysql/images/mysql-mini-logo.jpg" alt="MySQL" width="160" height="150">
<h1>Learn MySQL</h1>
<img class="demo" src="https://www.tutorialspoint.com/mysql/images/mysql-mini-logo.jpg" alt="MySQL" width="160" height="150">
</body>
</html> आउटपुट
