分享

【博文】常用特效文字的HTML代码

 dengkh 2011-01-16

(一)Shadow滤镜修饰的文字投影效果代码:

代码说明:
  ◆style= 套用CSS标记.
  ◆shadow:投影滤镜.
  ◆Color:文字阴影颜色.
  ◆Strength:文字投影长度.
  ◆<FONT style= 文字标签.


 ◆使用说明:

   1、将特效字复制、粘贴到网页中需添加特效字的位置上, 然后将编辑状态转为代码形式,将“相约今天”替换为自己的文字。

   2、应用时,自己可以修改有关的代码,得到自己满意的特效文字

    FONT-SIZE: 80pt;(修改文字大小)  face=华文行楷(修改字体类型)  color=#f709c7(修改文字颜色)

    shadow(color=#8470FF, strength=40); (修改文字阴影的颜色和投影长度)

显示结果:

相约今天

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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


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

显示结果:

相约今天

 

 

 

 

 

 

 

 

 

 

 

 

 


 

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


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


显示结果:

相约今天

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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


显示结果:

相约今天

 

 

 

 

 

 

 

 

 

 

 

 

 

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


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

显示结果:

相约今天

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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


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

显示结果:

相约今天

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


 

 

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


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

显示结果:

相约今天

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


 

 

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


显示结果:

相约今天

 

 

 

 

 

 

 

 

 


 

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



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



(add=0,lightstrength=50,strength=6,freq=2,phrase=50); 显示结果:

相约今天
 
下面,我们来对(add=0,lightstrength=50,strength=6,freq=2,phrase=50)中的参数进行试验,观察各参数的作用效果
 
 
(add=0,lightstrength=50,strength=6,freq=2,phrase=100); 显示结果:
 
相约今天
 
(add=0,lightstrength=50,strength=6,freq=1,phrase=100); 显示结果:
 
相约今天
 
(add=0,lightstrength=50,strength=60,freq=1,phrase=100); 显示结果:
 
相约今天
 
(add=0,lightstrength=100,strength=6,freq=1,phrase=100); 显示结果:
 
相约今天
 
(add=1,lightstrength=100,strength=6,freq=1,phrase=100); 显示结果:
 
 
相约今天
 
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多