Maison > Article > interface Web > Introduction à la syntaxe des attributs de filtre CSS_Tutoriel de base

Introduction à la syntaxe des attributs de filtre CSS_Tutoriel de base

WBOYoriginal: 2016-05-16 12:08:171575parcourir

filtre css
Attribut de style :
Peut être appliqué dans les balises et peut être largement utilisé dans

Introduction à la syntaxe des attributs de filtre CSS_Tutoriel de base

et ainsi de suite dans les balises,
plus important encore, il peut être utilisé dans les balises.
Effet de changement de page :
Ajouter "" entre le recto et la page
Explication : la durée est la durée de changement de page, 3.000 signifie 3 secondes, généralement vous pouvez en saisir 3 directement
;Transition est l'effet de commutation, il existe 22 effets de commutation différents de 1 à 23, dont 23
est un effet aléatoire.
Effets de filtre :
Vous avez utilisé beaucoup de filtres Photoshop, utilisons donc les filtres sur la page pour créer de nouvelles significations !
Syntaxe : STYLE="filter:filtername(fparameter1,fparameter2...)}
(Filtername est le nom du filtre, fparameter1, fparameter2, etc. sont les paramètres du filtre)
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 : rendez une couleur spéciale transparente
DropShadow : créez une couleur fixe. ombre de l'objet.
FlipH : Créez une image miroir horizontale
FlipV : Créez une image miroir verticale
lueur : Ajoutez de la lumière aux bords des objets proches. 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. >wave : effet d'ondulation.
Xray : donne à l'objet l'apparence identique à l'exposition aux rayons X
1. Filtre : alpha
Syntaxe :
STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity,Style=style,
StartX=startX,StartY= startY, FinishX = finish 🎜>Style : 1 ou 2 ou 3
StartX : n'importe quelle valeur
StartY : n'importe quelle valeur
Exemple : filter:Alpha(Opacity="0",FinishOpacity="40",Style="2")
2. Filtre:flou
Syntaxe :
STYLE="filter:Blur(Add=add,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 : valeur de croissance de l'effet, généralement 5 suffit
Exemple : filter:Blur(Add ="1", Direction="45", Strength="5")
Filtre : chroma
Syntaxe :
STYLE="filter:Chroma(Color=color)"
Description :
couleur:#rrggbb format, 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 , arbitraire.
Offx : valeur d'écart sur l'axe X.
Offy : valeur d'écart sur l'axe Y
Positive : 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:Glow
Syntaxe :
STYLE ="filter:Glow(Color=color,Strength=strength)"
Description :
Couleur : couleur lumineuse
Force : intensité (0-100)
Exemple : filtre:Glow(Color=. "#6699CC",Strength="5")
8 filtres :Gris
Syntaxe :
STYLE="filter:Gray"
Exemple : filtre:Gris
Filtre:Inverser
9. 🎜>Syntaxe :
STYLE="filter:Invert"
Exemple : filter:Invert
10. Filter:Mask
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 : filtre:Ombre(Color="#6699CC",Direction="135") 12. Filtre : Wave
Syntaxe :
filter:Wave(Add=add,Freq=freq,LightStrength=strength,Phase=phase,
Strength=strength)
Description :
Ajouter : Généralement 1, ou 0.
Freq : Valeur de déformation
LightStrength : Pourcentage de déformation
Phase : Pourcentage de déformation d'angle
Force : Intensité de déformation
Exemple : filtre:onde (Ajouter). ="0",Phase="4", Freq="5",LightStrength="5",Strength="2")
13. Filtre : Xray
Syntaxe :
STYLE="filtre : Xray"
Exemple : filtre:Xray

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Pourquoi établir des normes Web et les avantages des normes WebArticle suivant：Pourquoi établir des normes Web et les avantages des normes Web

Articles Liés

Voir plus