快速业务通道

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

作者 佚名技术 来源 CSS编程 浏览 发布时间 2012-05-26
在网上看到一些文字镜像特效,忽然觉得自己空间的文字过于单调,我倒不急于优化,先整理一些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中你想改变的字体属性{}中即可。这些代码你也可根据自己喜好自行修改。

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号