Embellissez le texte dans votre espace : 20 effets miroir de polices CSS

Auteur：Eve Cole Date de mise à jour：2009-06-12 17:54:30

J'ai vu des effets de mise en miroir de texte sur Internet et j'ai soudainement senti que le texte dans mon espace était trop monotone. Je n'étais pas pressé de l'optimiser, j'ai donc d'abord trié certains effets de mise en miroir de texte CSS, car ceux d'origine ne le faisaient pas. avoir du code CSS Afin de permettre à chacun d'utiliser plus facilement sa propre page d'accueil d'espace, je trie son code CSS. Vous pouvez maintenant l'ajouter à votre CSS pour embellir l'espace.

Les effets sont les suivants :

types

20 types d'effets de miroir de polices CSS

d'effets de miroir de

polices CSS 20 types d'effets de miroir de polices CSS 20 types d'effets de miroir de polices CSS

20 types d'effets de miroir de polices CSS

20 types de polices CSS Effets

de miroir

types d'effets de miroir de polices CSS

20 types d'effets de miroir de polices CSS 20 types d'effets de miroir de polices CSS 20 types d'effets de miroir de polices CSS

20 types d'effets de miroir de polices CSS

20 types de Effets miroir de polices CSS

20 types d'effets miroir de polices CSS

20 types d'effets miroir de polices CSS 20 types d'effets miroir de polices CSS

un vœu pieux

Le code CSS correspondant est :

1.
filtre: lueur (couleur = rouge, force = 10); hauteur: 1
2.
filtre:flou(ajouter=t,direction=135,force=10);hauteur:1
3.
filtre:progid:DXImageTransform.Microsoft.motionblur(force=30,ajouter=1,direction=135) aligner:centre

4.
filtre:progid:DXImageTransform.Microsoft.wave(Strength=3) align:center
5.
filtre:progid:DXImageTransform.Microsoft.wave(Strength=3,freq=5) align:center

6.
filtre : vague (ajouter = t, fréquence = 5, force lumineuse = 5, phase = 0, force = 5) ;
hauteur:1
7.
filtre:ombre(couleur=bleu);hauteur:1
8.
filtre:dropshadow(couleur=marron,positif=1)
9.
filtre:dropshadow(color=maroon,positive=0);
10.
filtre:progid:DXImageTransform.Microsoft.engrave(bias=0.5);
hauteur : 1 ; taille de police : 20 pt ; famille de polices : impact ; couleur d'arrière-plan : bleu
aligner:centrer
11.
filtre:progid:DXImageTransform.Microsoft.emboss(bias=0.5);
hauteur : 1 ; famille de polices : impact ; taille de police : 20 pts ; couleur d'arrière-plan : bleu
aligner:centrer
12.
FILTRE : masque(couleur=#E1E4EC)ombre(couleur=#8C96B5,direction=135)chroma(couleur=#E1E4EC)" aligner:centre
13.
FILTRE : alpha (opacité = 100, finition opacité = 0, style = 1) ombre (couleur = bleu, direction = 135) aligner : centre
14.
FILTRE : masque (couleur = # E1E4EC) ombre portée (couleur = # B4BBCF, offx = -3, offy = -3, positif = 1) chroma (couleur = # E1E4EC) aligner: centre
15.
FILTRE : lueur (couleur = # 8C96B5, force = 2) ombre (couleur = # B4BBCF, direction = 135) aligner : centre
16.
FILTRE : masque (couleur = # E1E4EC) ombre (couleur = # B4BBCF, direction = 135) chroma (couleur = # E1E4EC) aligner: centre
17.
FILTRE : lueur (force = 1) masque (couleur = # B4BBCF) chroma (couleur = # B4BBCF) aligner: centre
18.

filtre:fliph
19.
filtre: flipv
20.
FILTRE : glow(strength=4)mask(color=#E1E4EC)

Ajoutez simplement le code à l'attribut de police {} que vous souhaitez modifier en CSS. Vous pouvez également modifier ces codes selon vos propres préférences.