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

CSS সহ শ্যাডো ফিল্টার


শ্যাডো ফিল্টারটি নির্দিষ্ট দিক এবং রঙে একটি ক্ষীণ ছায়া তৈরি করতে ব্যবহৃত হয়।

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

৷
প্যারামিটার
বিবরণ
রঙ
আপনি যে রঙের ছায়া চান।
দিকনির্দেশ
ব্লারের দিক, ঘড়ির কাঁটার দিকে যাচ্ছে, 45-ডিগ্রি বৃদ্ধিতে বৃত্তাকার। ডিফল্ট মান হল 270 (বামে)।
0 =শীর্ষ
45 =উপরের ডানদিকে
90 =ঠিক
135 =নীচে ডানদিকে
180 =নীচে
225 =নীচে বাম
270 =বাম
315 =উপরে বাম

উদাহরণ

শ্যাডো ফিল্টার -

প্রয়োগ করতে আপনি নিম্নলিখিত কোডটি চালানোর চেষ্টা করতে পারেন

<html>
   <head>
   </head>

   <body>

      <img src="/css/images/logo.png"
         alt="CSS Logo"
         style="FILTER: Chroma(Color = #000000) Shadow(Color=#00FF00, Direction=225)">

      <p>Text Example:</p>

      <div style="width: 357;
         height: 50;
         font-size: 30pt;
         font-family:
         Arial Black;
         color: red;
         Filter: Shadow(Color=#0000FF, Direction=225)">CSS Tutorials</div>
   </body>

</html>

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

  2. CSS এর সাথে পাঠ্যে ছায়া প্রভাব যুক্ত করুন

  3. অ্যানিমেশন দিয়ে CSS ফিল্টার প্রপার্টি পরিবর্তন করুন

  4. CSS শ্যাডো ইফেক্ট