Beautify the text in your space: 20 CSS font mirror effects

Author：Eve Cole Update Time：2009-06-12 17:54:30

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 effects are as follows:

20 kinds of CSS font mirroring effects

kinds of CSS font mirroring effects

kinds of CSS font mirroring effects 20 kinds of CSS font mirroring effects

20 kinds of CSS font mirroring effects

20 kinds of CSS fonts Mirror effects

20 types of CSS font mirror effects

types of CSS font mirror effects

20 types of CSS font mirror effects 20 types of CSS font mirror effects

20 types of CSS font mirror effects

20 kinds of CSS font mirroring 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.