ड्रॉप-शैडो को बॉक्स में जोड़ने के लिए, JavaScript में 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>