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

黑玫瑰博客

开放思维磨练一双慧眼,把这世界看远看透再看淡

 
 
 

日志

 
 
关于我

看不清的城市,迷离的心路,到哪里找一个安逸的角落,容得下我的倦意,我有不屈的斗志,却没有称心的器械.我有高尚的灵魂,却不能平伏我欲望的漫延

网易考拉推荐

如何用代码编辑特效文字  

2013-04-12 19:41:58|  分类: 特效文字编辑 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

如何用代码编辑特效文字

                                                                                             编辑制作/黑玫瑰

  做音画贴的代码中,用CSS样式表的滤镜属性语句,使文字产生立体阴影和光晕重叠等特殊效果,俗称特效文字.常用有下面几种代码.

  (一)Glow:在文字的边外加光辉效果代码:

<CENTER> <div style="FILTER: Glow(color=#0000ff,strength=12); HEIGHT: 6pt"> <FONT style="FONT-SIZE: 90pt;FONT-FAMILY:隶书; COLOR: #ffff00"> 如画江山</FONT></div> </CENTER>


  代码说明:
  ◆style=套用CSS标记.
  ◆<div style="FILTER: Glow....>在文字的边外加光辉.
  ◆(Color:发光颜色.
  ◆Strength:强度(0-100).
  ◆<FONT style=文字标签.

        显示结果:

如画江山

 

 


 


  (二)Drop Shadow滤镜修饰的文字重叠效果代码:

<CENTER> <div style="FONT-SIZE:70pt;filter:dropshadow(color=#000000,offX=5,offY=3,Positive=1);WIDTH:100%; COLOR:#60A000;LINE-HEIGHT:150%"> <FONT style="FONT-SIZE:70pt;FONT-FAMILY:隶书">社会主义好!</FONT> </div></CENTER>


 ◆Drop Shadow滤镜主要产生重叠效果。
 ◆color属性:设置影子文本的颜色;
 ◆offX和offY属性:影子文本下落的位移值。
 ◆Positive属性:指定透明象素阴影,布尔型,0为是,1为否。

    显示结果:

社会主义好!

 

 


 


  (三)Shadow滤镜修饰的文字阴影果代码:

<CENTER> <div style="FONT-SIZE:70pt;filter:shadow(color=black,direction=180);WIDTH:100%; COLOR:#60A000;LINE-HEIGHT:150%"> <FONT style="FONT-SIZE:70pt;FONT-FAMILY:隶书">社会主义好!</FONT> </div></CENTER>


 ◆Shadow与Drop Shadow的影子特性不同,Shadow滤镜产生一种阴影效果 。
 ◆color属性:阴影颜色 。
 ◆direction属性:阴影角度,值取0至360度 。

    显示结果:

社会主义好!

 

 


 


  (四)Shadow滤镜修饰的文字阴影果代码2:

<CENTER> <DIV style="FONT-SIZE: 100pt; FILTER: shadow(color=#af2dco); WIDTH: 100%; COLOR: #730404; LINE-HEIGHT: 150%"> <FONT style="FONT-FAMILY: 华文行楷"> 网络世界 </DIV></CENTER>
       显示结果:

网络世界

 

 


 


  (五)Shadow滤镜修饰的文字阴影效果代码3:

<CENTER> <DIV style="FONT-SIZE:70pt;filter:dropshadow(color=000066,offX=-5,offY=-3,Positive=1);WIDTH:100%; COLOR:#FF0000;LINE-HEIGHT:120%"> <FONT style="FONT-FAMILY: 隶书">  社会主义好!</B></FONT> </DIV></CENTER>

  说明:
   ◆文字阴影设置的另一种格式,阴影偏离位置可变.
   ◆Offx:X轴偏离值,正值阴影偏右,负值阴影偏左.
   ◆Offy:Y轴偏离值,正值阴影偏下,负值阴影偏上.
   ◆Positive:1或0,通常设为1.


       显示结果:

社会主义好!

 

 


 

  (六)Shadow滤镜修饰的文字阴影效果代码4:

<CENTER> <FONT style="FONT-SIZE:80pt; FILTER: shadow(color=black, strength=15); WIDTH: 100%";FONT face=华文彩云 color=00ff00><B> 春风秋雨</B></FONT></CENTER>
        显示结果:

春风秋雨

 

 


 


  (七)Wave滤镜修饰文字变幻效果代码:

<center> <div style="FONT-SIZE:50pt;filter:wave(add=0,lightstrength=50,strength=6,freq=2,phrase=50);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%"> <FONT style="FONT-FAMILY:华文行楷"> 黑玫瑰欢迎您</FONT></div> </center>

 ◆Wave滤镜对过滤对象生成正弦波变形,造成一种变幻效果。
 ◆add属性:布尔型.0或1,0表示将原始对象加入最后效果中,1则反之。
 ◆freq属性:决定显示的频率,即应出现多少个波形。
 ◆strength属性:决定波形的振幅。



       显示结果:

黑玫瑰欢迎您

 



  评论这张
 
阅读(1830)| 评论(55)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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