Style-Filtereigenschaften

Stellen Sie einen Schatteneffekt auf das Bild nach oben. Schatten werden unten im Bild synthetisiert, kann es eindeutig sein, eine bestimmte Farbe ist das Diagramm Maske Offset-Version zeichnen. Funktion akzeptiert <Schatten> Wert (im CSS3 Hintergrund definiert) geben, zusätzlich zu den "Einsatz" Schlüsselwort ist nicht erlaubt. Die Funktion mit dem bestehenden box-shadow box-shadow Eigenschaft ist sehr ähnlich, außer dass, durch den Filter, einige Browser für eine bessere Leistung Hardware-Beschleunigung zur Verfügung stellt. <shadow>参数如下：

<Offset-x> <Offset- y> ( muss)

Es wird gesetzt , zwei Schattenabstand <length> Wert. <Offset-x> Einstellungen horizontalen Abstand von Schlagschatten auf der linken Element angezeigt wird . <Offset-y> den vertikalen Abstand von Tropfen zu setzen Schatten erscheint über dem Element. Siehe <Länge> mögliche Einheiten.
Wenn beide Werte 0 sind, erscheint der Schatten hinter den positiven Elementen (falls eingestellt   <blur-radius> and/or <spread-radius>， 会有模糊效果 ).

<Unschärfe-Radius> (optional)

Dies ist der dritte code> <length> Wert. Je höher der Wert, desto stärker verschwimmen die Schatten größer und mehr Licht zu machen. Wenn nicht einen negativen Wert einzustellen erlaubt, die Standardeinstellung ist 0 (die Schattengrenzen sind scharf).

<Spread-Radius> (optional)

Dies ist die vierte <length> Wert Wert Expansion Schatten und größer, negativen Schatten reduziert werden. Wenn nicht gesetzt, ist der Standardwert 0 (Schatten und Elemente die gleiche Größe).
Hinweis: Webkit, sowie einige andere Browser nicht über eine vierte Länge unterstützen, wenn die Erhöhung nicht gerendert wird.

<Farbe> (optional)

Siehe <Farbe> Wert der möglichen Keywords und Tags. Wenn nicht gesetzt, basierend die Farbwerte Browser. Gecko (Firefox), Presto (Opera ) und Trident (Internet Explorer) in, werden die Werte Farbe Attribute gelten. Darüber hinaus, wenn der Farbwert weggelassen wird, WebKit schattierten transparent.

Konvertieren Sie das Bild in Graustufen. Es definiert den Wert des Umtauschverhältnisses. Wert von 100% vollständig in ein Graustufenbild umgewandelt wird ein Wert von 0% des Bildes unverändert. Werte zwischen 0% und 100% ist der Multiplikatoreffekt linear. Wenn nicht gesetzt, ist der Standardwert 0;

Anwendung auf die Bild hue Rotation. "Winkel" Farbring Winkel-Bild ist ein Sollwert eingestellt Wert. Wert 0deg, das Bild ändern. Wenn der Wert nicht gesetzt ist, ist der Standardwert 0deg. Obwohl es keinen Maximalwert, der den Wert des Äquivalents eines anderen Umfangs 360 Grad übersteigt.

Invertierung Eingangsbild. Es definiert den Wert des Umtauschverhältnisses. 100% des Wertes wird vollständig umgekehrt. Ein Wert von 0% wird das Bild unverändert. Ein Wert zwischen 0% und 100% ist der Multiplikatoreffekt linear. Wenn der Wert nicht gesetzt ist, ist der Standardwert 0.

Conversion Maß an Transparenz des Bildes. Es definiert den Wert des Umtauschverhältnisses. 0% ist vollkommen transparent, und ein Wert von 100%, das Bild unverändert. Ein Wert zwischen 0% und 100%, ist der Effekt linear Multiplizierer, durch die Anzahl der Proben, multipliziert auch dem Bild entspricht. Wenn der Wert nicht gesetzt ist, ist der Standardwert 1. Diese Funktion ist sehr ähnlich wie die vorhandenen Opazität Eigenschaft der Ausnahme, dass durch das Filter, um die Leistung von einigen Browsern zu verbessern Hardwarebeschleunigung bereitzustellen.

Wandelt die Bildsättigung. Es definiert den Wert des Umtauschverhältnisses. 0% vollständig ungesättigten, keine Veränderung des Bildes ist 100%. Andere Wert, der Multiplikatoreffekt ist linear. Mehr als 100% des Wertes zulässig ist, gibt es eine höhere Sättigung. Wenn der Wert nicht gesetzt ist, ist der Standardwert 1.

Wandeln Sie das Bild in Sepia. Es definiert den Wert des Umtauschverhältnisses. Wert von 100% ist ganz dunkelbraun, 0% des Bildes unverändert. Werte zwischen 0% und 100% ist der Multiplikatoreffekt linear. Wenn nicht gesetzt, ist der Standardwert 0;

URL-Funktion nimmt eine XML-Datei, die eine SVG-Filter setzt, und kann einen Anker umfassen ein bestimmtes Filterelement zu spezifizieren.

Zum Beispiel:

filter: url(svg-url#element-id)

Das Eigentum ist auf Standardwerte gesetzt, beziehen sich auf: die CSS Initial Keyword