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

CSS দিয়ে অবজেক্টকে সাইন ওয়েভ ডistorsন দিয়ে ওয়েভি লুক দিন

Wave ইফেক্ট অবজেক্টকে একটি সাইন ওয়েভ ডিস্টর্সন দিয়ে ওয়েভি লুক দিতে ব্যবহৃত হয়।

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

ক্র. নং প্যারামিটার ও বিবরণ
1 Add
একটি মান ১ অরিজিনাল ইমেজকে ওয়েভড ইমেজের সাথে যোগ করে, ০ করে না।
2 Freq
ওয়েভের সংখ্যা।
3 Light
ওয়েভের ওপর লাইটের শক্তি (০ থেকে ১০০)।
4 Phase
সাইন ওয়েভ কোন ডিগ্রি থেকে শুরু হবে (০ থেকে ১০০)।
5 Strength
ওয়েভ ইফেক্টের তীব্রতা।

উদাহরণ

নিচের কোডটি রান করে Wave ইফেক্ট সেট করুন:

<html>
  <head></head>
  <body>
    <img src="/css/images/logo.png" alt="CSS Logo" style="FILTER: Chroma(Color = #000000) Wave(Add=0, Freq=1, LightStrength=10, Phase=220, Strength=10)">
    <p>Text Example:</p>
    <div style="width: 357; height: 50; font-size: 30pt; font-family: Arial Black; color: red; Filter: Wave(Add=0, Freq=1, LightStrength=10, Phase=20, Strength=20)">CSS Tutorials</div>
  </body>
</html>
  1. CSS দিয়ে শ্যাডোতে ব্লার ইফেক্ট যোগ করা

  2. CSS দিয়ে ট্রানজিশন ইফেক্টের গতি কার্ভ সেট করা

  3. CSS দিয়ে ট্রানজিশন ইফেক্টে বিলম্ব সেট করুন

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