سی ایس ایس فلٹرز کیا ہیں؟

سی ایس ایس فلٹرز آپ کو کسی عنصر پر دھندلاپن یا رنگ کی تبدیلی جیسے گرافیکل اثرات کو لاگو کرنے کی اجازت دیتے ہیں۔ وہ عام طور پر تصاویر، پس منظر اور سرحدوں کے لیے استعمال ہوتے ہیں۔

فلٹرز کا استعمال بصری اثرات بنانے، تصاویر کو بڑھانے، یا بیرونی تصویری ترمیمی ٹولز کی ضرورت کے بغیر منفرد ڈیزائن عناصر بنانے کے لیے کیا جا سکتا ہے۔

سپورٹڈ سی ایس ایس فلٹر پراپرٹیز

• blur()- عنصر پر گاوسی بلر لاگو کرتا ہے۔
• brightness()- عنصر کی چمک کو ایڈجسٹ کرتا ہے۔
• contrast()- عنصر کے کنٹراسٹ کو ایڈجسٹ کرتا ہے۔
• grayscale()- عنصر کو گرے اسکیل میں تبدیل کرتا ہے۔
• hue-rotate()- عنصر پر رنگت کی گردش کا اطلاق کرتا ہے۔
• invert()- عنصر کے رنگوں کو الٹ دیتا ہے۔
• opacity()- عنصر کی دھندلاپن کو ایڈجسٹ کرتا ہے۔
• saturate()- عنصر کو سیر کرتا یا غیر مطمئن کرتا ہے۔
• sepia()- عنصر کو سیپیا میں تبدیل کرتا ہے۔

فلٹرز کا اطلاق کیسے کریں۔

اس ٹول کے ذریعے تیار کردہ CSS کوڈ کا استعمال کرتے ہوئے، آپ کسی بھی HTML عنصر پر فلٹرز لگا سکتے ہیں۔ یہ ہے طریقہ:

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

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

براؤزر مطابقت

CSS فلٹرز کو جدید براؤزرز بشمول کروم، فائر فاکس، سفاری، ایج اور اوپیرا میں وسیع پیمانے پر تعاون حاصل ہے۔ تاہم، انٹرنیٹ ایکسپلورر جیسے پرانے براؤزر ان کی حمایت نہیں کرتے ہیں۔