Teil 2:
Jetzt kommen noch einmla weitere 7 fillter; ich möchte jedoch noch einmla darauf hinweisen, dass diese Grafik – und Text – Filoter nur im Internet Explorer funktionieren, da diese reine erfindung von microsoft sind, und weder wc3 – komform nochsonst irgendetwas sind!
Aus diesem grunde ist auch nicht damit zu rechnen, dass microsoft diese in wieteren ie – versionen weiterent-wickelt!
Kleine Übersicht über die Effekte:
- filter:Alpha () (Vordergrund/Hintergrund verschmelzen)
- filter:FlipH () (Horizontal spiegeln)
- filter:FlipV ()
- filter:Gray () (Graustufen)
- filter:Invert () (Invertieren)
- filter:Mask ()
- filter:XRay () (Fotonegativ-Effekt)
1. filter: vordergrund und hintzergurnd verschmelzen
mit diesem effekt mit namen Alpha() kann man Vordergrund und Hintergurnd verschmelzen lassen; dies ist zum Beispiel für Grafiken, die mit dem hintergurnd verschmelzen sollen, ganz lustig...
ein kleines Beispiel habe ich einmla hier:
http://robinsons.xardas.lima-city.de/html/alpha.html
bei dem Beispiel sah der effekt folgendermaßen aus:
style="filter:Alpha(opacity=100, finishopacity=0, style=2)"
dabei steht
opacity für deckrad am ursprung der verschmelzung; 0 bedeutet, dass der hintergrund voll durchscheint, und 100, dass der hintergrund überhaupt nicht durchscheint
finishopacity steht für den deckgrad am ende der verschmelzung; erlaubt sind auch hier werte von 0 – 100, wo-beihier die gleichen regeln wie bei opacity gelten!
Style steht für die art der verschmelzung; dabei sind werte von 0-3 erlaubt, die folgende bedeutung haben:
0=hintergrund und vordergrund werden addiert!
1=ein linienartiger verlauf, der von selbst definierten punkten erzeugt wird!
Am anfang der linie gelten die regeln für opacity, und zum ende hin gelten die werte von finishopacity.
Die startpunkte werden dabei folgendermaßen bestimmt:
Startx steht für dne anfangspunkt in pixeln vom linken rand des bildes
Starty steht für den anfangspunkt in pixeln vertikal vom oberen rand des bildes
Finishx steht für den endpunkt in pixeln horizontal vom linken rand des bildes
FinishY steht für den endpunkt in pixeln vom oberen rand des bildes
2=eliptischer verlauf von innen nach außen, wie in meinem Beispiel!
Innen gilt der wert von opacity, außen der von finishopacity
3=rechteckiger verlauf von innen nach außen; wie bie style=2 gelten innen die angaben von opacity, und außen die angaben von finishopacity
2. filter: horizontale spiegelung
mit diesem effekt können sie eine grafik ohne weitere angaben horizontal spiegeln!
Beispiel:
style="filter:FlipH()"
also ganz einfach!
Hier ein kleines Beispiel dazu:
http://robinsons.xardas.lima-city.de/html/fliph.html
3. filter: vertikale spiegelung
ist eigentlich das gleiche wie fliph, nur dass hier vertikal gespiegelt wird!
Statt style=“filter:FlipH()“ einfach FlipV nehmen!
Beispiel:
http://robinsons.xardas.lima-city.de/html/flipv.html
4. filter: dieser filter verwandlet alle farben eines bildes in eine entsprechende graustufe um!
Schreibweise wie bei den beiden vorhergehenden wieder ganz einfach:
Style=“filter:Gray()“
Kleines Beispiel:
http://robinsons.xardas.lima-city.de/html/gray.html
5. filter: invert(); wandelt alle farben eines bildes in seine komplementärfarbe!
Style=“filter:invert()“
Wieder eine denkbar einfache schreibweise ;)
Kleines Beispiel findet ihr hier:
http://robinsons.xardas.lima-city.de/html/invert.html
6. filter: eine transparenzmaske erstellen!
Dieser filter für transparente gif - grafiken sorgt dafür, dass alle transparenten pixel der grafik durch eine ge-wünschte farbe ersetzt werden, und alle nicht transparenzen pixel durch die farbe, die in der grafik als transpa-rent gilt!
Dieser filter ist wieder recht leicht zu definieren:
Style=“filter:Mask(color=#FFFFFF)“
Die farbangabe color= definiert dann die farbe, durch die die transparenten pixel ersetzt werden sollen!
Kleines Beispiel:
http://robinsons.xardas.lima-city.de/html/mask.html
7. und letzter grafikfilter:
xray(); dieser erzwingt, dass alle farben ebenfalls in eine graustufe umgewandelt werden;
style=“filter:XRay()“
Beispiel:
http://robinsons.xardas.lima-city.de/html/xray.html
na das wars jetzt erstmla mit den effekten ;)
hoffentlich war es auch diesmla nich zu kompliziert; bei fragen stehe ich natürlich gerne bereit!
Einfach eine pn oder eine e – mail an Dark_David@gmx.de
Euer robinsons!