🎚️CSS ফিল্টার জেনারেটর

filter এর ফাংশন এবং ইউনিট

CSS এর filter প্রপার্টি হল ছবি বা উপাদানের চেহারায় প্রভাব প্রয়োগ করার প্রপার্টি, blur বা sepia এর মতো ফাংশন অর্ধবিরাম স্থান দিয়ে বিভক্ত করে লিখুন।

• px (পিক্সেল)：blur ফাংশন হল ঝাপসার ব্যাসার্ধ px এ নির্দিষ্ট ফাংশন, 4px নির্দিষ্ট করলে ব্যাসার্ধ 4 পিক্সেলের পরিসরে রঙ মিশে যায়।
• % (শতাংশ)：brightness ফাংশন এবং sepia ফাংশন হল প্রভাব শক্তি % এ নির্দিষ্ট ফাংশন, brightness ফাংশনে 100% মূল উজ্জ্বলতা, 120% হল 2 দশমিক উজ্জ্বল অবস্থা।
• deg (ডিগ্রি)：hue-rotate ফাংশন হল কালার সার্কেলে রঙ ঘুরানোর কোণ deg এ নির্দিষ্ট ফাংশন, 180deg নির্দিষ্ট করলে রঙ বিপরীত দিকের রঙে চলে যায়।

কেন লেখার ক্রম ফলাফল পরিবর্তন করে

filter এ সজ্জিত ফাংশন বাম থেকে ডানে প্রয়োগ করা হয়, এবং আগের প্রভাব প্রয়োগ করার ফলাফলে পরবর্তী প্রভাব লাগানো হয়, তাই সজ্জিত ক্রম পরিবর্তন হলে চেহারাও পরিবর্তন হতে পারে। উদাহরণস্বরূপ সাদাকালো করার পরে sepia লাগালে বাদামি রঙ থাকে, sepia লাগানোর পরে সাদাকালো করলে বাদামি রঙ চলে যায়। এই টুলে প্রয়োগ ক্রম স্থির, কিন্তু তৈরি করা CSS কোড সম্পাদনা করে ক্রম পরিবর্তন করতে পারেন।

backdrop-filter এর পার্থক্য

filter এবং backdrop-filter একই ফাংশন ব্যবহার করতে পারে প্রপার্টি, কিন্তু প্রভাব প্রয়োগ করার উদ্দেশ্য আলাদা।

• filter：filter হল নির্দিষ্ট উপাদান নিজেই (ছবি বা পাঠ্য ইত্যাদি) এর চেহারায় প্রভাব প্রয়োগ করার প্রপার্টি।
• backdrop-filter：backdrop-filter হল নির্দিষ্ট উপাদানের পিছনে দেখা যাওয়া অংশে প্রভাব প্রয়োগ করার প্রপার্টি, যা ফ্রস্টেড গ্লাসের মতো অভিব্যক্তিতে ব্যবহার করা হয়।