Attributs de filtre communs et instructions de filtre CSS recommandés_Tutoriel de base

Liste complète des attributs et instructions de filtre couramment utilisés pour les filtres CSS

Syntaxe : STYLE="filter:filtername(fparameter1, fparameter2...)"
　(Filtername est le nom du filtre, fparameter1, fparameter2 , etc. sont des filtres Paramètres du miroir)

Description du filtre :

Alpha : Définissez le niveau de transparence
Flou : Créez un effet de mouvement à grande vitesse, c'est-à-dire un effet de flou
Chroma : Créez une transparence de couleur spéciale
DropShadow : Créez une ombre fixe de l'objet
FlipH : Créez une image miroir horizontale
FlipV : Créez une image miroir verticale
Glow : Ajoutez de la lumière à l'extérieur des objets proches
Gris : mettre en niveaux de gris l'image
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'entraînement
Xray : donne l'impression que l'objet est éclairé par StartY = startY, FinishX = finish
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:Flou (Ajouter = ajouter, Direction = direction, Force = force)"
Description :
Ajouter : 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 ( Couleur = couleur)"
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 lequel.
Offx : valeur de déviation de l'axe X.
Offy : valeur de décalage 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 : filtre: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 lumineuse.
Force : intensité (0-100)
Exemple : filter:Glow(Color="#6699CC",Strength="5")

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

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

10. Filtre : masque
Syntaxe : STYLE="filter:Mask(Color=color)"
Exemple : filter: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 : wave
Syntaxe : filter : Wave(Add=add, Freq=freq , LightStrength=force, Phase=phase, Strength=force)
　Explication :
　Ajouter : 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
Grammaire : STYLE="filter:Xray"
Exemple : filter : =0, StartColorStr='#B5CCFA', EndColorStr='#B5CCFA');