مُحول تأثيرات الفلتر في CSS تطبيق تأثيرات فلتر CSS مثل التعتيم، سطوع، تباين، وغيرها مع عناصر تحكم بصرية.

تَقْبَل خاصية مرشح CSS واحد أو أكثر من وظائف المرشح مفصولة بمسافات. كل وظيفة تأخذ قيمة محددة: blur() يقبل البكسل، brightness() وcontrast() يقبلان النسبة المئوية (100٪ هو العادي)، grayscale() يحول إلى الرمادي (0-100٪)، hue-rotate() يغير طيف الألوان (0-360 درجة)، invert() يعكس الألوان (0-100٪)، opacity() يتحكم في الشفافية (0-100٪)، saturate() يعدل كثافة اللون (100٪ هو العادي)، وsepia() يطبق لونًا دافئًا (0-100٪). يتم تطبيق المرشحات المتعددة بالترتيب - يمكن أن يتأثر التسلسل بالناتج النهائي. لأداء، يؤدي المرشح إلى سياق تراكب جديد ويمكن أن يسبب إعادة الرسم. استخدم will-change: filter عند التحريك. وظيفة مرشح drop-shadow() هي بديل ل box-shadow التي تتبع قناة ألفا للعنصر، وتعمل بشكل جيد مع PNGs والرسومات النقطية الشفافة.