ফিল্টার কি?

সিএসএস ফিল্টারগুলি আপনাকে কোনও উপাদানটিতে অস্পষ্টতা বা রঙ পরিবর্তনের মতো গ্রাফিকাল প্রভাব প্রয়োগ করতে দেয়। এগুলি সাধারণত চিত্র, পটভূমি এবং সীমানার জন্য ব্যবহৃত হয়।

ফিল্টারগুলি ভিজ্যুয়াল এফেক্ট তৈরি করতে ব্যবহার করা যেতে পারে, চিত্রগুলি উন্নত করুন, বা বাহ্যিক চিত্র সম্পাদনা সরঞ্জামগুলির প্রয়োজন ছাড়াই অনন্য নকশা উপাদান তৈরি করুন।

সমর্থিত সিএসএস ফিল্টার বৈশিষ্ট্য-

• blur()উপাদানটিতে একটি গাউসিয়ান অস্পষ্টতা প্রয়োগ করে।
• brightness()- উপাদানটির উজ্জ্বলতা সামঞ্জস্য করে।
• contrast()- উপাদানটির বিপরীতে সামঞ্জস্য করে।
• grayscale()- উপাদানটিকে গ্রেস্কেলে রূপান্তর করে।
• hue-rotate()- উপাদানটিতে একটি হিউ ঘূর্ণন প্রয়োগ করে।
• invert()- উপাদানটির রঙগুলি উল্টে দেয়।
• opacity()- উপাদানটির অস্বচ্ছতা সামঞ্জস্য করে।
• saturate()- উপাদানটিকে সম্পৃক্ত করে বা ডিস্যাচুরেট করে।
• sepia()- উপাদানটিকে সেপিয়ায় রূপান্তর করে।

প্রয়োগ করবেন ফিল্টার

সরঞ্জাম দ্বারা উত্পন্ন সিএসএস কোড ব্যবহার করে, আপনি কোনও এইচটিএমএল উপাদানটিতে ফিল্টার প্রয়োগ করতে পারেন। এখানে কিভাবে:

.filtered-image { filter: blur(5px) brightness(110%) contrast(120%); }

filter: blur(2px) brightness(110%) contrast(120%) saturate(150%);

ব্রাউজার সামঞ্জস্যতা

সিএসএস ফিল্টারগুলি ক্রোম, ফায়ারফক্স, সাফারি, এজ এবং অপেরা সহ আধুনিক ব্রাউজারগুলিতে ব্যাপকভাবে সমর্থিত। তবে ইন্টারনেট এক্সপ্লোরারের মতো পুরানো ব্রাউজারগুলি তাদের সমর্থন করে না।