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

欢迎朋友光临自由自在博客

追随视觉时尚 广交天下朋友

 
 
 

日志

 
 

14种特效文字效果  

2012-08-04 11:35:10|  分类: 制作技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
14种特效文字效果

代码:

<FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 30pt; FONT-WEIGHT: normal" color=#33ffff face=华文彩云>&nbsp;&nbsp; 此处输入文字</FONT>
<DIV></DIV>

   空心字效果

代码:

<DIV align=center>
<DIV style="FONT-SIZE: 53px; FILTER: dropshadow(color=FFFF00, offx=10, offy=10, positive=10); WIDTH: 518px; COLOR: #4d6df3; FONT-FAMILY: Arial; POSITION: relative; HEIGHT: 84px">
<P align=left><FONT face=华文行楷><STRONG>此处输入文字</STRONG></FONT></P></DIV></DIV>
<P>&nbsp;</P>

双层字效果

代码:

 

<DIV style="FONT-SIZE: 30pt; FILTER: shadow(color=green, strength=60); WIDTH: 286px; HEIGHT: 70px">
<DIV align=left><FONT face=方正粗活意简体 color=#ff0000>&nbsp;<WBR>&nbsp;<WBR>&nbsp;<WBR> 此处输入文字</FONT></DIV></DIV>
               

 

    投影效果

 

代码:

 

<TABLE cellSpacing=0 cellPadding=0 align=center
background=图片地址 border=0>
<TBODY><TR>
<TD style="FILTER: chroma(color=#267db2"><TABLE bgColor=#000000>
<TBODY><TR><TD align=middle>
<FONT style="FONT-SIZE: 45pt"
face=隶书 color=#267db2><B>此处输入文字
</B></FONT></TD></TR>
</TBODY></TABLE>
</TD></TR></TBODY></TABLE>

图片嵌入文字

 

代码:

 

<DIV style="DISPLAY: block; FONT-SIZE: 25pt; FILTER: progid:DXImageTransform.Microsoft.motionblur(strength=30,add=1,direction=135); WIDTH: 279px; COLOR: red; HEIGHT: 64px">
<P align=center>此处输入文字</P></DIV>

 

长尾投影字效果

代码:

 

<FONT color=#ffc20e>
<DIV style="FILTER: shadow(color=#FF9999  , strength=60); WIDTH: 302px; HEIGHT: 144px"><FONT face=华文彩云 color=#ff0000 size=7><B>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 此处输入文字</B></FONT></DIV></FONT>

   抛射字体

代码:

 

<DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 320px; HEIGHT: 46px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#33ffff>&nbsp;&nbsp; 此处输入文字</FONT> </DIV>

 描边中空抛射字

代码:

 

<DIV style="DISPLAY: block; FILTER: progid:DXImageTransform.Microsoft.wave(Strength=3); WIDTH: 85.52%; COLOR: navy; HEIGHT: 80px; fontfamily: impact; fontsize: 30pt">
<P align=center><A href="
http://8-com.blog.163.com/blog/static/1352090222009112411815268/" target=_blank><FONT color=#fbd0b3 size=6>此处输入文字</FONT></A></P></DIV>

代码:

 

<DIV style="DISPLAY: block; FILTER: progid:DXImageTransform.Microsoft.wave(Strength=3,freq=5); FONT: 30pt impact; WIDTH: 97.64%; COLOR: #9900ff; HEIGHT: 78px">
<DIV align=center><FONT size=7>此处输入文字</FONT></DIV></DIV>

波纹字体

代码:

 

<SPAN style="DISPLAY: block; FONT-SIZE: 30pt; FILTER: wave(add=t,freq=5,lightstrength=5,phase=0,strength=5); WIDTH: 274px; COLOR: darkblue; HEIGHT: 57px; TEXT-ALIGN: center">
<DIV align=center><FONT color=#22b14c size=6>此处输入文字</FONT></DIV></SPAN>

波浪字体效果

代码:

 

<DIV align=left><SPAN style="DISPLAY: block; FONT-SIZE: 35pt; FILTER: glow(color=red,strength=7); WIDTH: 225px; COLOR: blue; HEIGHT: 78px; TEXT-ALIGN: center"><FONT style="FONT-SIZE: 32px" color=#fff200>此处输入文字</FONT></SPAN></DIV>

毛绒文字效果

代码:

 

<DIV style="FONT-SIZE: 40pt; FILTER: progid:DXImageTransform.Microsoft.emboss(bias=0.5); WIDTH: 296px; FONT-FAMILY: impact; HEIGHT: 102px; BACKGROUND-COLOR: blue">
<P align=center>此处输入文字</P></DIV>

雕塑字体

代码:

 

<DIV style="FONT-SIZE: 30pt; FILTER: dropshadow(color=maroon,positive=1); WIDTH: 235px; HEIGHT: 120px" align=center>
<DIV align=left>此处输入文字</DIV></DIV>

 
 
重叠字效果

代码:

 

<DIV style="FONT-SIZE: 40pt; FILTER: alpha(opacity=100,style=1); WIDTH: 280px; COLOR: red; LINE-HEIGHT: 100%; HEIGHT: 70px" scrollAmount="3">
<DIV align=left><B><FONT style="FONT-SIZE: 40px">此处输入文字</FONT></B></FONT> </DIV></DIV>

透明字效果
 

更多代码点击进入

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

历史上的今天

评论

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

页脚

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