কম্পিউটার টিউটোরিয়াল

জাভাস্ক্রিপ্টে বক্সে ড্রপ শ্যাডো (drop-shadow) কীভাবে যোগ করবেন?

বক্সে ড্রপ শ্যাডো যোগ করতে জাভাস্ক্রিপ্টে 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 দিয়ে অ্যালার্ট বক্স তৈরি করার পদ্ধতি

  2. জাভাস্ক্রিপ্টে 'with' কীওয়ার্ড ব্যবহার করার পদ্ধতি

  3. জাভাস্ক্রিপ্ট ব্যবহার করে ক্যানভাসে ড্র করার পদ্ধতি

  4. জাভাস্ক্রিপ্ট দিয়ে টেক্সট ক্লিপবোর্ডে কপি কীভাবে করবেন?