CSS-Filterreferenz_CSS/HTML

Syntax: STYLE="filter:filtername(fparameter1, fparameter2...)"
　(Filtername ist der Name des Filters, fparameter1, fparameter2 usw. sind die Parameter des Filters)
Skriptsyntax : HTMLElement.filters .filterName.fParameter=value;

Filterbeschreibung:

Alpha: Stellen Sie die Transparenzstufe ein.

Unschärfe: Erstellen Sie einen schnellen Bewegungseffekt, also einen Unschärfeeffekt.
Chroma: Machen Sie eine spezielle Farbe transparent.
DropShadow: Erstellen Sie einen festen Schatten des Objekts
FlipH: Erstellen Sie ein horizontales Spiegelbild
FlipV: Erstellen Sie ein vertikales Spiegelbild
Leuchten: Fügen Sie Licht zur Außenseite von Objekten in der Nähe hinzu
Grau: Graustufen Sie das Bild
Invertieren: Farbe umkehren
Licht: Erzeugen Sie eine Lichtquelle auf dem Objekt
Maske: Erzeugen Sie eine transparente Maske auf dem Objekt
Schatten: Erzeugen Sie einen versetzten festen Schatten
Welle: Welleneffekt
Röntgen: Lassen Sie das Objekt so aussehen wird durch Röntgenstrahlen beleuchtet

　1. Filter: Alpha

Syntax: STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity, Style=style, StartX=startX, StartY=startY, FinishX=finishX, FinishY=finishY)"
Beschreibung:
Deckkraft: Startwert im Bereich von 0 bis 100, 0 ist transparent, 100 ist das Originalbild.
FinishOpacity: Zielwert.
Stil: 1 oder 2 oder 3
StartX: beliebiger Wert
StartY: beliebiger Wert
Beispiel: filter:Alpha(Opacity="0",FinishOpacity="75",Style="2" )

2. Filter: Unschärfe

Syntax: STYLE="filter:Blur(Add = hinzufügen, Richtung = Richtung, Stärke = Stärke)"
Beschreibung:
Hinzufügen: normalerweise 1 oder 0 .
Richtung: Winkel, 0~315 Grad, Schrittgröße beträgt 45 Grad.
Stärke: Der Wert des Effektwachstums, normalerweise 5.
Beispiel: filter:Blur(Add="1",Direction="45",Strength="5")

3. Filter: Chroma

Syntax: STYLE="filter:Chroma(Color = color)"
Beschreibung: Farbe: #rrggbb-Format, beliebig.
Beispiel: filter:Chroma(Color="#FFFFFF")

4. Filter: DropShadow

Syntax: STYLE="filter:DropShadow(Color=color, OffX=offX, OffY=offY, Positive=positive)"
Beschreibung: Farbe: #rrggbb-Format, beliebig.
Offx: X-Achsen-Abweichungswert.
Offy: Y-Achsen-Abweichungswert.
Positiv: 1 oder 0.
Beispiel: filter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")

5. Filter: FlipH

Syntax: STYLE="filter:FlipH"
Beispiel: filter:FlipH

6. Filter: FlipV

Syntax: STYLE="filter:FlipV"
Beispiel: filter:FlipV

7. Filter: Glühen

Syntax: STYLE="filter:Glow(Color=color, Strength=strength)"
Beschreibung:
Farbe: Glühfarbe.
Stärke: Intensität (0-100)
Beispiel: filter:Glow(Color="#6699CC",Strength="5")

8. Filter: grau

Syntax: STYLE="filter:Gray"
Beispiel: filter:Gray

9. Filter: invertieren

Syntax: STYLE="filter:Invert"
Beispiel: filter:Invertieren

10. Filter: Maske

Syntax: STYLE="filter:Mask(Color=color)"
Beispiel: filter:Mask (Color="#FFFFE0")

11. Filter: Schatten

Syntax: filter:Shadow(Color=color, Direction=direction)
Beschreibung:
Farbe: #rrggbb-Format.
Richtung: Winkel, 0-315 Grad, Schrittgröße beträgt 45 Grad.
Beispiel: filter:Shadow (Color="#6699CC", Direction="135")

12. Filter: Welle

Syntax: Filter: Wave(Add=add, Freq=freq, LightStrength=strength, Phase=phase, Strength=strength)
Beschreibung:
Add: Generell 1, oder 0.
Freq: Verformungswert.
LightStrength: Verformungsprozentsatz.
Phase: Prozentsatz der Winkelverformung.
Stärke: Verformungsfestigkeit.
Beispiel: Filter: wave(Add="0", Phase="4", Freq="5", LightStrength="5", Strength="2")

13. Filter: Xray

Syntax: STYLE="filter:Xray"
Beispiel: filter:Xray