注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

要静!

 
 
 

日志

 
 
关于我

其实,太重情非我所愿.是火总是要熄灭的,和风风火火后的幻灭相比,我情愿选择小溪一样绵绵不绝的平和.

网易考拉推荐

各种代码特效字的制作 【博客CSS教程】  

2007-02-08 20:43:11|  分类: BLOG管理 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

       用代码特效制作各种特效字,可以使你的博客变得更加多姿多彩,尤其是文章标题使用这种效果就更加漂亮,为你的博客增色添彩,介绍多种特效字的制作方法

 

       这些特效字实际上是一种CSS滤镜语言,这个特效可以直接粘贴到博客中的源代码里显示效果。

 

       注明一下:代码中的文字可以更换成自己需要的文字,其中FONT-SIZE:是文字的大小,可以调整后面的数字,数值越大文字就越大。代码中的COLOR:是文字的颜色,可以更换后面的英语来改变字体颜色,或者输入颜色代码使文字变成更多的颜色。FONT-FAMILY: 是字体,可以直接输入汉语比如方正舒体、楷体等等

 

1、alpha滤镜的使用

 

代码:<P align=center>

<FONT style="FONT-SIZE: 30pt; filter: alpha(opacity=100,style=2); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒体">

alpha滤镜文字的使用<br>alpha滤镜文字的使用<br>alpha滤镜文字的使用<br>alpha滤镜文字的使用<br>

</FONT></P>

 

2、Blur滤镜的使用

代码:<P align=center>

<FONT style="FONT-SIZE: 30pt; filter: blur(add=1,direction=30,strength=5); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒体">

Blur滤镜文字的使用

</FONT></P>

3、 shadow滤镜的使用

代码:<P align=center>

<FONT style="FONT-SIZE: 30pt; filter: shadow(color=black,direction=180); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒体">

shadow滤镜文字的使用</FONT></P>

4、dropshadow滤镜的使用

代码:<P align=center>

<FONT style="FONT-SIZE: 25pt; filter: dropshadow(color=lightred,offX=5,offY=3,Positive=1); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒体">

dropshadow滤镜文字的使用

</FONT></P>

5、wave滤镜的使用

代码1不加倒影:<P align=center>

<FONT style="FONT-SIZE: 30pt; filter: wave(add=0,lightstrength=50,strength=4,freq=2,phrase=30); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒体">

wave滤镜文字的使用

</FONT></P>

效果

wave滤镜文字的使用

代码2,加倒影

<P align=center>

<FONT style="FONT-SIZE: 30pt; WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%; FONT-FAMILY: 方正舒体">wave滤镜文字的使用</FONT>

<FONT style="FONT-SIZE: 30pt; filter: wave(add=0,lightstrength=50,strength=4,freq=2,phrase=30) flipv; WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒体">

wave滤镜文字的使用

</FONT></P>

效果:

wave滤镜文字的使用 wave滤镜文字的使用

6、glow滤镜的使用

代码:<P align=center>

<FONT style="FONT-SIZE: 30pt; filter: glow(color=gray,strength=4); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒体">

glow滤镜文字的使用<br>glow滤镜文字的使用<br>

</FONT></P>

效果:

glow滤镜文字的使用

glow滤镜文字的使用

7、FlipV滤镜的使用

代码:<P align=center>

<FONT style="FONT-SIZE: 30pt; WIDTH: 100%; COLOR: red; FONT-FAMILY: 方正舒体">

FlipV滤镜文字的使用

<FONT style="FONT-SIZE: 30pt; filter: FlipV; WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒体">

FlipV滤镜文字的使用

</FONT></FONT><br>

</P>

效果:

FlipV滤镜文字的使用 FlipV滤镜文字的使用

 

8、chroma滤镜的使用

代码:<TABLE align=center cellpadding=0 cellspacing=0  background=http://nxm.16789.net/s-helpSite/domName/nxm/2004121215594122335.gif>

<TBODY>

<TR>

<TD style="FILTER: chroma(color=#336699">

<TABLE align=center bgcolor=#000000>

<TBODY>

<TR>

<TD align=middle>

<FONT style="FONT-SIZE: 30pt" face=黑体 color=#336699><b>chroma滤镜的使用</b></FONT>

</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

  评论这张
 
阅读(17)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017