I saw some text mirroring effects on the Internet, and suddenly felt that the text in my space was too monotonous. I was not in a hurry to optimize it, so I sorted out some CSS text mirroring effects first, because the original ones did not have CSS code. In order to make it easier for everyone to use their own space homepage, I Sort out its CSS code. Now you can add it to your CSS to beautify the space. The effect is as follows:
20 CSS font mirror effects |
20 CSS font mirror effects |
20 CSS font mirror effects |
20 CSS font mirror effects |
20 CSS font mirror effects |
20 CSS font mirror effects |
20 CSS font mirror effects |
20 CSS font mirror effects |
20 CSS font mirror effects |
20 CSS font mirror effects |
20 CSS font mirror effects |
20 CSS font mirror effects |
20 CSS font mirror effects |
20 CSS font mirror effects |
20 CSS font mirror effects |
20 CSS font mirror effects |
20 CSS font mirror effects |
20 kinds of CSS font mirroring effects 20 kinds of CSS font mirroring effects |
wishful thinking |
The corresponding CSS code is:
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);
height:1
7.
filter:shadow(color=blue);height:1
8.
filter:dropshadow(color=maroon,positive=1)
9.
filter:dropshadow(color=maroon,positive=0);
10.
filter:progid:DXImageTransform.Microsoft.engrave(bias=0.5);
height:1;font-size:20pt;font-family:impact;background-color:blue
align:center
11.
filter:progid:DXImageTransform.Microsoft.emboss(bias=0.5);
height:1;font-family:impact;font-size:20pt;background-color:blue
align:center
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: glow(strength=1)mask(color=#B4BBCF)chroma(color=#B4BBCF) align:center
18.
filter:fliph
19.
filter:flipv
20.
FILTER: glow(strength=4)mask(color=#E1E4EC)
Just add the code to the font attribute {} you want to change in CSS. You can also modify these codes according to your own preferences.