Référence du filtre CSS_CSS/HTML

Syntaxe : STYLE="filter:filtername(fparameter1, fparameter2...)"
　(Filtername est le nom du filtre, fparameter1, fparameter2, etc. sont les paramètres du filtre)
syntaxe du script : HTMLElement.filters .filterName.fParameter=value

Description du filtre :

Alpha : définit le niveau de transparence
Flou : crée un effet de mouvement à grande vitesse, c'est-à-dire un effet de flou
Chroma : rend une couleur spéciale transparente
DropShadow : crée une ombre fixe de l'objet
FlipH : créer une image miroir horizontale
FlipV : créer une image miroir verticale
Glow : ajouter de la lumière à l'extérieur des objets proches
Gray : mettre l'image en niveaux de gris
Inverser : inverser la couleur
Lumière : Créer une source de lumière sur l'objet
Masque : Créer un masque transparent sur l'objet
Ombre : Créer une ombre fixe décalée
Vague : Effet d'ondulation
Rayon X : Faire ressembler l'objet à celui-ci est éclairé par les rayons X

　1. Filtre : Alpha
Syntaxe : STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity, Style=style, StartX=startX, StartY=startY, FinishX=finishX, FinishY=finishY)"
Description :
Opacité : valeur de départ, allant de 0 à 100, 0 est transparent, 100 est l'image originale.
FinishOpacity : valeur cible.
Style : 1 ou 2 ou 3
StartX : n'importe quelle valeur
StartY : n'importe quelle valeur
Exemple : filter:Alpha(Opacity="0",FinishOpacity="75",Style="2" )

2. Filtre : flou
Syntaxe : STYLE="filter:Blur(Add = add, Direction = direction, Strength = force)"
Description :
Add : généralement 1, ou 0 .
Direction : angle, 0 ~ 315 degrés, la taille du pas est de 45 degrés.
Force : La valeur de la croissance de l'effet, généralement 5.
Exemple : filter:Blur(Add="1",Direction="45",Strength="5")

3. Filtre : Chroma
Syntaxe : STYLE="filter:Chroma(Color = color)"
Description : couleur : format #rrggbb, n'importe lequel.
Exemple : filter:Chroma(Color="#FFFFFF")

4. Filtre : DropShadow
Syntaxe : STYLE="filter:DropShadow(Color=color, OffX=offX, OffY=offY, Positive=positive)"
Description : Couleur : format #rrggbb, n'importe quel .
Offx : valeur de déviation de l'axe X.
Offy : valeur de déviation de l'axe Y.
Positif : 1 ou 0.
Exemple : filter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")

5. Filtre : FlipH
Syntaxe : STYLE="filter:FlipH"
Exemple : filter:FlipH

6. Filtre : FlipV
Syntaxe : STYLE="filter:FlipV"
Exemple : filtre:FlipV

7. Filtre : lueur
Syntaxe : STYLE="filter:Glow(Color=color, Strength=strength)"
Description :
Couleur : couleur brillante.
Force : intensité (0-100)
Exemple : filter:Glow(Color="#6699CC",Strength="5")

8. Filtre : gris
Syntaxe : STYLE="filter:Gray"
Exemple : filtre:Gris

9. Filtre : inverser
Syntaxe : STYLE="filter:Invert"
Exemple : filter:Invert

10. Filtre : masque
Syntaxe : STYLE="filter:Mask(Color=color)"
Exemple : filtre:Mask (Color="#FFFFE0")

11. Filtre : ombre
Syntaxe : filter:Shadow(Color=color, Direction=direction)
Description :
Couleur : format #rrggbb.
Direction : Angle, 0-315 degrés, la taille du pas est de 45 degrés.
Exemple : filter:Shadow (Color="#6699CC", Direction="135")

12. Filtre : vague
Syntaxe : filtre : Wave(Add=add, Freq=freq, LightStrength=strength, Phase=phase, Strength=strength)
Description :
Add : Généralement 1, ou 0.
Freq : valeur de déformation.
LightStrength : pourcentage de déformation.
Phase : Pourcentage de déformation angulaire.
Résistance : résistance à la déformation.
Exemple : filtre : wave(Add="0", Phase="4", Freq="5", LightStrength="5", Strength="2")

13. Filtre : Xray
Syntaxe : STYLE="filter:Xray"
Exemple : filtre:Xray