Empfohlene allgemeine Filterattribute und Anweisungen für CSS-Filter_Grundlegendes Tutorial

Umfassende Liste häufig verwendeter Filterattribute und Anweisungen für CSS-Filter

Syntax: STYLE="filter:filtername(fparameter1, fparameter2...)"
　(Filtername ist der Name des Filters, fparameter1, fparameter2 usw. sind Filter (Parameter des Spiegels)

Filterbeschreibung:

Alpha: Transparenzstufe einstellen
Unschärfe: Erzeugen Sie einen Hochgeschwindigkeitsbewegungseffekt, also einen Unschärfeeffekt
Chroma: Erstellen Sie eine spezielle Farbtransparenz.
DropShadow: Erstellen Sie einen festen Schatten des Objekts.
FlipH: Erstellen Sie ein horizontales Spiegelbild.
FlipV: Erstellen Sie ein vertikales Spiegelbild.
Glow: Fügen Sie Licht hinzu die Außenseite von Objekten in der Nähe
Grau: Graustufen des Bildes
invertieren: Farbe umkehren
Licht: eine Lichtquelle auf dem Objekt erstellen
Maske: eine transparente Maske auf dem Objekt erstellen
Schatten: erstellen ein versetzter fester Schatten
Welle: Welleneffekt
Röntgen: Lassen Sie das Objekt so aussehen, als wäre es beleuchtet durch StartY = startY, FinishX = Finish
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: Im Allgemeinen 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 ( Farbe = Farbe)“
Beschreibung: Farbe: #rrggbb-Format, beliebig.
Beispiel: filter:Chroma(Color="#FFFFFF")

4. Filter: DropShadow
Syntax: STYLE="filter:DropShadow(Color=color, OffX=offX, OffY= offY , Positiv=positiv)“
　 Beschreibung: Farbe: #rrggbb-Format, beliebig.
Offx: X-Achsen-Abweichungswert.
Offy: Y-Achsen-Versatzwert.
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:Invert

10. Filter: Maske
Syntax: STYLE="filter:Mask(Color=color)"
Beispiel: filter:Mask (Color="#FFFFE0")

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

12. Filter: wave
Syntax: filter: Wave(Add=add, Freq=freq , LightStrength=Stärke, Phase=Phase, Stärke=Stärke)
　Erklärung:
　Hinzufügen: Im Allgemeinen 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
Grammatik: STYLE="filter:Xray"
Beispiel: filter: =0, StartColorStr='#B5CCFA', EndColorStr='#B5CCFA');