কম্পিউটার

CSS দিয়ে উপাদানগুলিতে ছায়া প্রভাব যুক্ত করুন


উপাদানগুলিতে ছায়া প্রভাব যুক্ত করতে বক্স-শ্যাডো বৈশিষ্ট্য ব্যবহার করুন।

নিচে ছায়া প্রভাব যোগ করার একটি উদাহরণ -

উদাহরণ

<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>

আউটপুট

CSS দিয়ে উপাদানগুলিতে ছায়া প্রভাব যুক্ত করুন


  1. কিভাবে CSS দিয়ে একটি মেনু আইকন তৈরি করবেন?

  2. কিভাবে CSS এর মাধ্যমে ছবিতে ভিজ্যুয়াল ইফেক্ট যোগ করবেন?

  3. ফ্লেক্সবক্সের সাথে অগ্রিম CSS লেআউট

  4. বিশুদ্ধ CSS সহ মসৃণ স্ক্রলিং