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

CSS ফিল্টার দিয়ে ব্লার করা ছবি বা টেক্সট তৈরি করা

মোশন ব্লার দিক ও শক্তি সহ ব্লার ছবি বা টেক্সট তৈরির জন্য ব্যবহৃত হয়।

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

ক্রমিক নং
প্যারামিটার ও বর্ণনা
১
Add
সত্য বা মিথ্যা। যদি সত্য হয়, ছবিটি ব্লার ছবির সাথে যোগ হবে; মিথ্যা হলে যোগ হবে না।
২
Direction
ব্লারের দিক, ঘড়ির কাঁটার দিকে ৪৫-ডিগ্রি বর্ধমানে। ডিফল্ট ২৭০ (বাম)।
০ = উপরে
৪৫ = উপরের ডান
৯০ = ডান
১৩৫ = নিচের ডান
১৮০ = নিচে
২২৫ = নিচের বাম
২৭০ = বাম
৩১৫ = উপরের বাম
৩
Strength
ব্লার কত পিক্সেল বিস্তৃত হবে। ডিফল্ট ৫ পিক্সেল।

উদাহরণ

ছবি ব্লার করার জন্য নিচের কোড চেষ্টা করুন:

<html>    <head>    </head>    <body>       <img src = "/css/images/logo.png" alt="CSS Logo" style = "Filter: Blur(Add = 0, Direction = 225, Strength = 10)">       <p>Text Example:</p>       <div style="width: 357;          height: 50;          font-size: 30pt;          font-family: Arial Black;          color: blue;          Filter: Blur(Add = 1, Direction = 225, Strength = 10)">CSS Tutorials</div>    </body> </html>
  1. CSS দিয়ে কুপন তৈরি করার পদ্ধতি

  2. CSS দিয়ে গ্লোইং (Glowing) টেক্সট তৈরি

  3. CSS দিয়ে অ্যারো (Arrow) তৈরি

  4. CSS দিয়ে টেক্সট ধারক একটি কমেন্ট বক্স (Comment Box) তৈরি করা