কম্পিউটার

CSS দিয়ে ওয়েভ ইফেক্ট?


তরঙ্গ প্রভাব বস্তুটিকে একটি সাইন ওয়েভ বিকৃতি দেওয়ার জন্য ব্যবহার করা হয় যাতে এটি তরঙ্গায়িত দেখায়।

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

S.No প্যারামিটার এবং বর্ণনা
1. যোগ করুন
1 এর মান তরঙ্গকৃত চিত্রের সাথে আসল চিত্র যোগ করে, 0 করে না।
2। Freq
তরঙ্গ সংখ্যা.
3. হালকা
তরঙ্গের উপর আলোর শক্তি (0 থেকে 100 পর্যন্ত)।
4. ফেজ
সাইন ওয়েভ কত ডিগ্রিতে শুরু করা উচিত (0 থেকে 100 পর্যন্ত)।
5. শক্তি
তরঙ্গ প্রভাবের তীব্রতা।

উদাহরণ

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

<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 সহ Tada অ্যানিমেশন প্রভাব

  4. CSS এর সাথে সুইং অ্যানিমেশন ইফেক্ট