pigasus' site  [home] [lost] [js] [kite] [div] [info]

Visuelle Filter

Seit dem Internet Explorer 4.x gibt es die sogenannten Visuellen Filter. Die Filter erlauben Effekte an Text und Grafiken, für die man früher eigene Bilder erstellen musste. Der Filter spart dadurch Downloadzeit, und außerdem kann die Filtereinstellung vom Besucher beeinflusst werden oder durch ein Script für eine Animation genutzt werden.

Mögliche Anwendungen sind MouseOver-Effekte, die ohne zweites Bild auskommen und auch bei Texten wirken, oder z.B.: Schatteneffekte für Überschriften - ohne Grafik.

Wie bei allen browserspezifischen Sachen ist Vorsicht angebracht! Als Randeffekt ist ein Filter nett, aber wenn er zur Anzeige wesentlicher Informationen nötig ist, versperrt er der halben Internet-Gemeinde den Zugang. Inzwischen gibt es allerdings wohl ein Plugin für den Navigator.

Sehr hübsche Effete ergeben sich, wenn der Filter auf die ganze Seite angewendet wird:

<body background="image-o.jpg" STYLE="width:100%; font-size:24pt; 
color:black; filter:Alpha(opacity=100, finishopacity=0, style=2)">.
In diesem Beispiel etwa verläuft der Seiteninhalt nach außen hin wie bei einer Effektlinse.

Auf der Filtertest-Seite kann man verschiedene (nicht alle) Einstellungen der Filter ausprobieren und sich die Wirkung direkt anschauen.

Nachtrag: Mit dem IE 5.5 funktionieren die Filter manchmal nicht mehr.