CSS-এ এলিমেন্টে শ্যাডো ইফেক্ট যোগ করা

box-shadow প্রপার্টিটি ব্যবহার করে এলিমেন্টে শ্যাডো ইফেক্ট যোগ করুন।

শ্যাডো ইফেক্ট যোগ করার একটি উদাহরণ নিচে দেওয়া হলো:

উদাহরণ

<html>
  <head>
    <style>
      div {
        width: 300px;
        height: 100px;
        padding: 15px;
        background-color: red;
        box-shadow: 10px 10px;
      }
    </style>
  </head>
  <body>
    <div>This is a div element with a box-shadow</div>
  </body>
</html>

আউটপুট