美化字体 css3,美化你空间的文字:20种CSS字体镜像特效

  • Post author:
  • Post category:其他


在网上看到一些文字镜像特效,忽然觉得自己空间的文字过于单调,我倒不急于优化,先整理一些CSS文字镜像特效,因为原来的没有CSS代码,为了方便大家用到自己的空间主页,我将其CSS代码整理出来。现在大家就可以将其添加到自己的CSS中美化空间了。

效果如下:

20种CSS字体镜像特效

20种CSS字体镜像特效

20种CSS字体镜像特效

20种CSS字体镜像特效

20种CSS字体镜像特效

芳20种CSS字体镜像特效

20种CSS字体镜像特效

20种CSS字体镜像特效

20种CSS字体镜像特效

20种CSS字体镜像特效

20种CSS字体镜像特效

20种CSS字体镜像特效

20种CSS字体镜像特效

20种CSS字体镜像特效

20种CSS字体镜像特效

20种CSS字体镜像特效

20种CSS字体镜像特效

20种CSS字体镜像特效20种CSS字体镜像特效

芳心如愿

对应的CSS代码是:

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)

将代码加入到CSS中你想改变的字体属性{}中即可。这些代码你也可根据自己喜好自行修改。

本文来源:未知