🎚️CSS فلٹر جنریٹر

filter کی تفاعیل اور اکائیاں

CSS کی filter پراپرٹی تصویر یا عناصر کی شکل میں اثر ڈالتی ہے، blur اور sepia جیسی تفاعیل کو آدھے عرض کی جگہ سے الگ کر کے لکھتے ہیں۔

• px (پکسل)：blur تفعیل دھندلاپن کے نصف رداس کو px میں بتاتی ہے، 4px دیں تو نصف رداس 4 پکسل کی حد میں رنگ بھرتا ہے۔
• % (فیصد)：brightness اور sepia تفاعیل اثر کی طاقت کو % میں بتاتی ہیں، brightness میں 100% اصل روشنی ہے، 120% بیس فیصد روشن ہے۔
• deg (ڈگری)：hue-rotate تفعیل رنگ کو رنگ چکر میں گھومتی ہے، 180deg دیں تو رنگ مخالف رنگ ہو جاتا ہے۔

ترتیب سے نتیجہ کیوں بدلتا ہے

filter میں لگائی گئی تفاعیل بائیں سے دائیں لگتی ہیں، پہلے اثر کے بعد اگلا اثر لگتا ہے، اس لیے ترتیب بدلنے سے شکل بھی بدل سکتی ہے۔ مثال کے طور پر سیاہ و سفید کے بعد سیپیا لگائیں تو کھوبصورتی رہتی ہے، سیپیا کے بعد سیاہ و سفید لگائیں تو کھوبصورتی نکل جاتی ہے۔ اس ٹول میں ترتیب مقرر ہے، لیکن تیار کردہ CSS کوڈ میں ترمیم کر کے ترتیب بدل سکتے ہیں۔

backdrop-filter کے ساتھ فرق

filter اور backdrop-filter ایک جیسی تفاعیل استعمال کر سکتے ہیں، لیکن اثر مختلف چیزوں پر ہوتا ہے۔

• filter：filter مقررہ عنصر (تصویر یا متن وغیرہ) کی شکل میں اثر ڈالتا ہے۔
• backdrop-filter：backdrop-filter مقررہ عنصر کے پیچھے دکھنے والے حصے میں اثر ڈالتا ہے، شیشے جیسا اثر دیتے وقت استعمال ہوتا ہے۔