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

CSS-এ মাস্ক ইফেক্ট সেট করুন

মাস্ক ইফেক্ট ব্যবহার করে ট্রান্সপারেন্ট পিক্সেলগুলোকে একটি নির্দিষ্ট রঙে রূপান্তর করা যায় এবং অপেক পিক্সেলগুলোকে ট্রান্সপারেন্ট করা যায়। এই ফিল্টারে নিচের প্যারামিটারটি ব্যবহার করা হয়:

ক্র. নং প্যারামিটার ও বিবরণ
1 Color
ট্রান্সপারেন্ট এলাকাগুলো যে রঙে হবে।

উদাহরণ

নিচের কোডটি রান করে মাস্ক ইফেক্ট বাস্তবায়ন করুন:

<html>
  <head></head>
  <body>
    <img src="/css/images/logo.png" alt="CSS Logo" style="FILTER: Chroma(Color = #000000) Mask(Color=#00FF00)">
    <p>Text Example:</p>
    <div style="width: 357; height: 50; font-size: 30pt; font-family: Arial Black; color: red; Filter: Mask(Color=#00FF00)">CSS Tutorials</div>
  </body>
</html>
  1. CSS দিয়ে Wave (তরঙ্গ) ইফেক্ট তৈরি করা

  2. CSS দিয়ে Invert (নেগেটিভ) ইফেক্ট সেট করা

  3. CSS দিয়ে Pulse (স্পন্দন) অ্যানিমেশন ইফেক্ট তৈরি করা

  4. CSS দিয়ে হোভার ইফেক্টের গতি সেট করুন