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

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. L'effet est le suivant :

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(strength=30,add=1,direction=135) align:center

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

6.
filtre:onde(ajouter=t,fréq=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 : masque lumineux (force = 4) (couleur = # 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.