अवलोकन
बॉक्स पर ड्रॉप-शैडो लगाने के लिए boxShadow प्रॉपर्टी का उपयोग करें। आप शैडो का ऑफसेट, ब्लर रेडियस और रंग निर्दिष्ट कर सकते हैं।
उदाहरण
<!DOCTYPE html> <html> <head> <style> #box { border: thick solid green; width: 300px; height: 200px } </style> </head> <body> <div id="box">Demo Text</div> <br><br> <button type="button" onclick="display()">Add drop shadow</button> <script> function display() { document.getElementById("box").style.boxShadow = "20px 15px 25px orange"; } </script> </body> </html>