CSS দিয়ে ড্রপ শ্যাডো ইফেক্ট সেট করুন

ড্রপ শ্যাডো নির্দিষ্ট X (অনুভূমিক) এবং Y (উল্লম্ব) অফসেট এবং রঙে আপনার বস্তুর একটি ছায়া তৈরি করতে ব্যবহৃত হয়।

এই ফিল্টারে নিম্নলিখিত প্যারামিটারগুলি ব্যবহার করা যেতে পারে:

প্যারামিটার	বিবরণ
রঙ	রঙ, #RRGGBB ফর্ম্যাটে, ড্রপশ্যাডোর।
offX	x-অক্ষ বরাবর ভিজ্যুয়াল অবজেক্ট থেকে ড্রপ শ্যাডো অফসেট করা পিক্সেলের সংখ্যা৷ ধনাত্মক পূর্ণসংখ্যা ড্রপ শ্যাডোকে ডানদিকে নিয়ে যায়, নেতিবাচক পূর্ণসংখ্যা ড্রপ শ্যাডোকে বাম দিকে নিয়ে যায়।
offY	y-অক্ষ বরাবর ভিজ্যুয়াল অবজেক্ট থেকে ড্রপ শ্যাডো অফসেট করা পিক্সেলের সংখ্যা৷ ধনাত্মক পূর্ণসংখ্যাগুলি ড্রপ শ্যাডোকে নীচে নিয়ে যায়, নেতিবাচক পূর্ণসংখ্যাগুলি ড্রপ শ্যাডোকে উপরে নিয়ে যায়।
পজিটিভ	যদি সত্য হয়, বস্তুর সমস্ত অস্বচ্ছ পিক্সেলের একটি ড্রপ শ্যাডো থাকে৷ মিথ্যা হলে, সমস্ত স্বচ্ছ পিক্সেলের একটি ড্রপ শ্যাডো থাকে। ডিফল্ট সত্য।

উদাহরণ

আপনি ড্রপ শ্যাডো প্রভাব সেট করতে নিম্নলিখিত কোড চালানোর চেষ্টা করতে পারেন:

<html>
   <head></head>
   <body>
      <img src = "/css/images/logo.png"
         alt = "CSS Logo"
         style = "Filter: Chroma(Color = #000000)
         DropShadow(Color = #FF0000,
         OffX = 2,
         OffY = 2, Positive = 1)">
      <p>Text Example:</p>
      <div style = "width: 357;
         height: 50;
         font-size: 30pt;
         font-family: Arial Black;
         color: red;
         Filter: DropShadow(Color = #000000, OffX = 2, OffY = 2, Positive = 1)">CSS Tutorials</div>
   </body>
</html>