Verschönern Sie den Text in Ihrem Raum: 20 CSS-Schriftspiegeleffekte

Die Effekte sind wie folgt:

Der entsprechende CSS-Code lautet:

1.
filter:glow(color=red,strength=10);height:1
2.
filter:blur(add=t,direction=135,strength=10);height:1
3.
filter:progid:DXImageTransform.Microsoft.motionblur(strength=30,add=1,direction=135) align:center

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

6.
filter:wave(add=t,freq=5,lightstrength=5,phase=0,strength=5);
Höhe:1
7.
filter:shadow(color=blue);height:1
8.
filter:dropshadow(color=kastanienbraun,positiv=1)
9.
filter:dropshadow(color=kastanienbraun,positiv=0);
10.
filter:progid:DXImageTransform.Microsoft.engrave(bias=0.5);
Höhe:1;Schriftgröße:20pt;Schriftfamilie:Impact;Hintergrundfarbe:blau
ausrichten:zentrieren
11.
filter:progid:DXImageTransform.Microsoft.emboss(bias=0.5);
Höhe:1;Schriftfamilie:Auswirkung;Schriftgröße:20pt;Hintergrundfarbe:blau
ausrichten:zentrieren
12.
FILTER: mask(color=#E1E4EC)shadow(color=#8C96B5,direction=135)chroma(color=#E1E4EC)" align:center
13.
FILTER: alpha(opacity=100,finishiopacity=0,style=1)shadow(color=blue,direction=135) align:center
14.
FILTER: mask(color=#E1E4EC)dropshadow(color=#B4BBCF,offx=-3,offy=-3,positive=1)chroma(color=#E1E4EC) align:center
15.
FILTER: Glow(color=#8C96B5,strength=2)shadow(color=#B4BBCF,direction=135) align:center
16.
FILTER: mask(color=#E1E4EC)shadow(color=#B4BBCF,direction=135)chroma(color=#E1E4EC) align:center
17.
FILTER: Glühen (Stärke = 1) Maske (Farbe = # B4BBCF) Chroma (Farbe = # B4BBCF) Ausrichtung: Mitte
18.

Filter:flip
19.
Filter:flipv
20.
FILTER: glow(strength=4)mask(color=#E1E4EC)

Fügen Sie einfach den Code zum Schriftartattribut {} hinzu, das Sie in CSS ändern möchten. Sie können diese Codes auch nach Ihren Wünschen ändern.