DevTrain

Autor: Bernhard Elbl

IE-Design mit filter-StyleSheets

Ab IE 4.0 gibt es die filter-Attribute. Cooles Design und Effekthascherei ist nicht nur mit JavaApplets möglich. Der Internet Explorer (und NUR der IE) integriert Grafik/Design Effekte, eben die Filter und Transitions.

Als CSS-Attribute können die dann auch simplest eingesetzt werden. Sie müssen also nicht ungedingt Scripten, F. und T. sind also als CSS-Erweiterung des Internet Explorers zu sehen. Wie jeder weiss, sind Style-Sheets nicht schwer einzubinden...
z.B. Auf unsers Logo (rechts oben) wird die "invert" implementiert
<img src="http://www.devtrain.de/images/logo/logo2.gif" style="filter:invert;">
sieht so aus...

jetzt fügen wir im "img"-Tag noch folgende Attribute ein und löschen den "style"-Attribut
onmouseover="this.style.filter='invert';"
onmouseout="this.style.filter='';"


wenn Sie den "light-filter" setzen und das ganze mit Javascript kombinieren, sieht es so aus....
bewegen Sie die Maus darüber
ocean beach

 

Wo finde ich mehr Info´s dazu...

http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/filters.asp
http://msdn.microsoft.com/workshop/samples/author/dhtml/dxtidemo/dxtidemo.htm


Erfasst am: 26.02.2002 - Artikel-URL: http://www.devtrain.de/news.aspx?artnr=719
© Copyright 2003 ppedv AG - http://www.ppedv.de