SVG- und CSS-Filter: Ein Vergleich

SVG-Filter sind Filtereffekte, die – anders als es ihr Name vermuten lässt – nicht nur auf SVG-Dateien, sondern auf sämtliche Bild-Dateien und sogar auf einzelne HTML-Elemente und Texte innerhalb einer Webseite angewendet werden können. Sie bieten eine hohe Browserabdeckung, sind aber leider nicht besonders intuitiv zu handhaben. Anders dagegen die CSS-Filter: durch das filter-Attribut lassen sie sich recht einfach auf einer Webseite einsetzen. Allerdings werden sie nur von den neueren Browserversionen unterstützt und bieten nicht ganz so viele Möglichkeiten in der Konfiguration wie SVG-Filter. CSS-Filter stellen eine vereinfachte, kleine Schnittmenge der SVG-Filter dar.

Weiterlesen