الخلفية
كانت تأثيرات الفلاتر متوفّرة منذ فترة، ولكنّها مصمّمة للعمل مع رسومات SVG. وهي فعّالة بشكلٍ رائع في تطبيق تأثيرات مثل شدة الألوان أو التواء الصورة أو تمويهها قبل دمجها وعرضها في المستند.
في عام 2009، أعلنت Mozilla أنّ تنسيق SVG غير كافٍ. وفي النهاية، تم استخدام الفلاتر بشكل أكبر للسماح بها في محتوى HTML في Firefox 3.5. يمكنك الاطّلاع على العرض التجريبي الذي أعدّه "بول إيريش" لفلاتر SVG على <video>. مرة أخرى، لا تعمل هذه الميزة إلا في Firefox، ولكنها لا تزال رائعة.
اليوم
في نهاية عام 2011، عملت شركة Adobe (بالإضافة إلى شركات أخرى) جاهدة على توفير هذه التكنولوجيا الرائعة في CSS. أشير تحديدًا إلى تأثيرات فلاتر CSS 1.0 التي بدأ WebKit بتنفيذها.
يؤدي تفعيل الفلاتر مباشرةً في CSS إلى أن يستفيد منها أي عنصر DOM تقريبًا. الصور و<video> و<canvas> وما إلى ذلك
ملف
وتحدِّد المواصفات أيضًا مخطّطات الإضاءة في CSS، ما سيؤدي في النهاية إلى توفير تكنولوجيا مخطّطات الإضاءة في OpenGL في CSS. هذا أمر مشوّق جدًا. ومع ذلك، هناك اعتبارات أمنية في أي وقت تفتح فيه وحدة معالجة الرسومات في أحد الأنظمة. لهذا السبب، لا يتضمّن WebKit حاليًا سوى وظائف فلاتر CSS.
الدعم
Chrome 18.0.976.0 (الإصدار التجريبي حاليًا)، Webkit الإصدار اليومي
في الإصدارات التجريبية من Webkit، يمكن تطبيق الفلاتر على المحتوى الذي يتم تسريعه باستخدام الأجهزة ( مثل img { -webkit-transform: translateZ(0); } ). في Chrome، لا تزال الفلاتر على المحتوى الذي يتم تسريعه باستخدام الأجهزة قيد التطوير (استخدِم العلامة --enable-accelerated-filters). ويشمل ذلك <video>، الذي يتم تسريعه تلقائيًا.