Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

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>
  1. JavaScript से अलर्ट बॉक्स कैसे बनाएं JavaScript से अलर्ट बॉक्स कैसे बनाएं

    अलर्ट बॉक्स क्या है? एक अलर्ट बॉक्स एक छोटी विंडो है जो किसी प्रकार के यूजर इंटरैक्शन (क्लिकिंग, स्क्रॉलिंग, टाइपिंग, आदि) के प्रतिक्रिया में पॉप अप होती है। अलर्ट बॉक्स का उपयोग ज्यादातर यूजर्स को मुद्दों के बारे में चेतावनी देने के लिए किया जाता है, लेकिन उनका उपयोग केवल अंतिम यूजर को सूचित करने

  1. JavaScript का उपयोग करके कैनवास पर ड्रॉ कैसे करें? JavaScript का उपयोग करके कैनवास पर ड्रॉ कैसे करें?

    HTML कैनवास पर ड्रॉइंग JavaScript के साथ की जानी है। कैनवास पर ड्रॉ करने से पहले HTML DOM मेथड getElementById() और getContext() का उपयोग करें। उसके लिए, कुछ चरणों का पालन करें: कैनवास एलिमेंट खोजने के लिए getElementById() मेथड का उपयोग करें। getContext() का उपयोग करें, जो कैनवास के लिए ड्रॉइंग ऑब्

  1. JavaScript से टेक्स्ट को क्लिपबोर्ड में कैसे कॉपी करें? JavaScript से टेक्स्ट को क्लिपबोर्ड में कैसे कॉपी करें?

    JavaScript का उपयोग करके टेक्स्ट को क्लिपबोर्ड में कॉपी करने का पूरा कोड नीचे दिया गया है। यह पुराना document.execCommand(copy) मेथड उपयोग करता है, हालांकि आधुनिक ब्राउज़र्स में navigator.clipboard.writeText() बेहतर विकल्प है। उदाहरण (लीगेसी मेथड) <!DOCTYPE html> <html> <head>