Google Chrome: Chromium beschleunigt CSS Filter

Google erweitert seinen Browser Chrome um hardwarebeschleunigte CSS Filter, die in der aktuellen Entwicklerversion 19 der Open-Source-Variante Chromium ab sofort ausprobiert werden können.

5. Juni 2012 um 09:12 Uhr / Jens Ihlenfeld

CSS Filter verändern HTML-Elemente. Bild: Google

Mit CSS Filter kann jedes HTML-Element optisch verändert werden, wie man es von Bildbearbeitungsprogrammen her kennt. Derzeit stehen beispielsweise Filter wie Sepia, Sättigung, Durchsichtigkeit und Weichzeichner zur Verfügung, wobei sich die einzelnen Filter beliebig kombinieren lassen, um so ganz neue Effekte zu erzielen. Ein beispielhafter CSS-Filter hat die Form:

img { -webkit-filter: sepia(100%) contrast(200%) blur(5px) }

Chromium 19 unterstützt GPU-beschleunigte CSS Filter , was deren Anwendung deutlich beschleunigen soll. Das ist vor allem dann von Bedeutung, wenn die Filter auf animierte Objekte angewendet werden sollen, beispielsweise in Spielen oder in Kombinationen mit CSS Transistions sowie HTML5-Video.

Einen Eindruck der Möglichkeiten, die CSS Filter bieten, zeigt die eine interaktive Mal-App unter cssfilters.appspot.com . Eine Einführung in CSS Filter findet sich bei HTML5Rocks.com .