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

人无癖不可与交,以其无深情也。

人无疵不可与交,以其无真情也。

 
 
 

日志

 
 

代码编辑特效文字技巧  

2013-05-04 06:23:17|  分类: 字效代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
<

 

 

●江苏省博友链接专区

●上海市博友链接专区

●北京市博友链接专区

●广东省博友链接专区

●黑龙江博友链接专区

●湖北省博友链接专区

●江西省博友链接专区

●河北省博友链接专区

●辽宁省博友链接专区

●吉林市博友链接专区

●安徽省博友链接专区

●浙江省博友链接专区

●云南省博友链接专区

●贵州省博友链接专区

●新疆博友链接专区

●山东省博友链接专区

●山西省博友链接专区

●湖南省博友链接专区

●河南省博友链接专区

●陕西省博友链接专区

●福建省博友链接专区

●天津市博友链接专区

●内蒙古博友链接专区

●广西省博友链接专区

●重庆市博友链接专区

●海外兵团博友链接专区

●香港博友链接专区

●海南省博友链接专区

●甘肃省博友链接专区

●台湾省博友链接专区

●西藏博友链接专区

●宁夏博友链接专区

●未分组博友链接专区

2013年05月04日 - 幽谷星尘 - 人无癖不可与交,以其无深情也。
2013年05月04日 - 幽谷星尘 - 人无癖不可与交,以其无深情也。  编制:幽谷星尘 2013年05月04日 - 幽谷星尘 - 人无癖不可与交,以其无深情也。
2013年05月04日 - 幽谷星尘 - 人无癖不可与交,以其无深情也。

一、光晕效果

1、效果图赏析:

孤 芳 自 赏


2、设置代码:

<CENTER>

<div style="FILTER: Glow(color=#0000ff,strength=12); HEIGHT: 6pt">

<FONT style="FONT-SIZE: 50pt;FONT-FAMILY:隶书; COLOR: #ffff00">

孤芳自赏</FONT></div> </CENTER>  


 3、代码诠释:


   ◆style=套用CSS标记:文字效果控制标签;

   ◆style="FILTER: Glow:文字光晕效果标签;

        ◆color=#0000ff,发光颜色控制标签;

   ◆strength=12,强度控制标签(选择区域0-100);

   ◆ style="FONT-SIZE: 90pt:文字大小设置控制标签

        ◆FONT-FAMILY:隶书;:文字格式控制标签

        ◆COLOR: #ffff00文字颜色控制标签

二、重叠效果:

1、效果图赏析:

 

精 彩 人 生

 


2、设置代码:

<CENTER>

<div style="FONT-SIZE:50pt; filter:dropshadow

(color=#000000,offX=5,offY=3,Positive=1);

WIDTH:100%; COLOR:#60A000;LINE-HEIGHT:150%">

<FONT style="FONT-SIZE:50pt;FONT-FAMILY:隶书">

精彩人生!</FONT> </div></CENTER>


 3、代码诠释:

  ◆style="FONT-SIZE:50pt重叠效果阴影部分字体大小控制标签:

     ◆ filter:dropshadow重叠效果控制标签;

  ◆color=#000000,属性:设置影子文本的颜色控制标签;

  ◆offX=5:阴影在X轴偏离值,正值阴影偏右,负值阴影偏左;

     ◆offY=3:阴影在Y轴偏离值,正值阴影偏右,负值阴影偏左;

      ◆Positive=1:透明象素阴影控制标签,布尔型,0为是,1为否。

  三、阴影效果1:

1、效果图赏析:

淡 泊 名 利


2、设置代码:

<CENTER>

<div style="FONT-SIZE:50pt;filter:shadow(color=black,direction=180);

WIDTH:100%; COLOR:#60A000;LINE-HEIGHT:150%">

<FONT style="FONT-SIZE:50pt;FONT-FAMILY:隶书">淡泊名利

</FONT> </div></CENTER>

3、代码诠释:

◆style="FONT-SIZE:50pt阴影部分字体大小控制标签:

◆ filter:dropshadow阴影效果控制标签;但是Shadow与Drop Shadow

的影子特性不同,Shadow滤镜产生一种阴影效果;

  ◆color=black,阴影颜色控制标签;

 ◆direction=180:阴影角度控制标签【值取0至360】;


  四、阴影效果2赏析

1、效果图赏析:

网络世界


2、设置代码:

<CENTER>

<DIV style="FONT-SIZE: 60pt; FILTER: shadow(color=#af2dco);

WIDTH: 100%; COLOR: #730404; LINE-HEIGHT: 150%">

<FONT style="FONT-FAMILY: 华文行楷"> 网络世界 </DIV></CENTER>


   五、阴影效果3赏析

1、效果图赏析:

宁静致远


2、设置代码:

<CENTER>

<DIV style="FONT-SIZE:50pt;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>


 3、代码诠释:

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

     


  六、阴影效果4赏析:

1、效果图赏析:

风雨人生


2、设置代码:

<CENTER>

<FONT style="FONT-SIZE:50pt; FILTER: shadow(color=black,

strength=15); WIDTH: 100%";FONT face=华文彩云 color=00ff00>

<B> 风雨人生</B></FONT></CENTER>


  七、波形效果:

1、效果图赏析:

幽谷星尘欢迎您
 


2、设置代码:

<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>


3、代码诠释:

◆filter:wave:正弦波形控制标签;
  ◆add=0:是否加效果控制标签;0或1,0表示将原始对象加入最后效果中,

1则反之。
  ◆freq=2:波形显示的频率控制标签,即控制波形的多少。
 ◆strength=6:波形振幅的控制标签。

 八、跳跃移动效果:

1、效果图赏析:





2、设置代码:

<P style="LINE-HEIGHT: 250%" align=center>

<MARQUEE direction=right behavior=alternate

 scrollAmount=7><B><FONT

color=#7700bb size=7 face=迷你简琥珀>


<MARQUEE direction=up height=200 behavior=alternate width=50

align="middle">

幽</MARQUEE><FONT color=red><MARQUEE direction=up height=150 behavior=alternate width=50>

</MARQUEE><FONT color=#00a0>


<MARQUEE direction=up height=200 behavior=alternate width=50>

</MARQUEE><FONT color=#cc0033>
<MARQUEE direction=up height=150 behavior=alternate width=50>

</MARQUEE><FONT color=#0000ff>
<MARQUEE direction=up height=200 behavior=alternate width=50>欢

</MARQUEE><FONT color=#ffcc00>
<MARQUEE direction=up height=150 behavior=alternate width=50>迎

</MARQUEE><FONT color=#ff00ff>
<MARQUEE direction=up height=200 behavior=alternate width=50>您

</MARQUEE><FONT color=#33cccc>
<MARQUEE direction=up height=150 behavior=alternate width=50>光

</MARQUEE><FONT color=lime>
<MARQUEE direction=up height=200 behavior=alternate width=50>临</MARQUEE><BR></FONT></FONT></FONT></FONT></FONT>

</FONT></FONT></FONT></FONT></B>
<P></P><BR>
<P></P><BR></MARQUEE></P>


3、代码诠释:

      ◆MARQUEE :移动效果控制标签;
  ◆ direction=right :移动方向控制标签【左】;

     ◆behavior=alternate:移动方向控制标签【来回】;          

     ◆scrollAmount=7:移动速度控制标签;

     ◆ direction=up :跳跃方向控制标签【向上】

     ◆height=200:跳跃高度控制标签;

     ◆behavior=alternate跳跃效果控制标签【来回】

     ◆width=50文字宽度控制标签

 

2013年05月04日 - 幽谷星尘 - 人无癖不可与交,以其无深情也。

 

 
欢迎光临幽谷星尘家园
欢迎光临幽谷星尘家园
 

2013年05月04日 - 幽谷星尘 - 人无癖不可与交,以其无深情也。

 

 

幽谷星尘家园欢迎你

 


 

2013年05月04日 - 幽谷星尘 - 人无癖不可与交,以其无深情也。

 

2013年05月04日 - 幽谷星尘 - 人无癖不可与交,以其无深情也。

2013年05月04日 - 幽谷星尘 - 人无癖不可与交,以其无深情也。

您欣赏幽谷星尘的博文 0 2013年05月04日 - 幽谷星尘 - 人无癖不可与交,以其无深情也。 2013年05月04日 - 幽谷星尘 - 人无癖不可与交,以其无深情也。 2013年05月04日 - 幽谷星尘 - 人无癖不可与交,以其无深情也。 秒啦!

谢谢您的光临,并请留下宝贵意见!

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
欢迎光临幽谷星尘家园
欢迎光临幽谷星尘家园

幽谷星尘家园欢迎你

2013年05月04日 - 幽谷星尘 - 人无癖不可与交,以其无深情也。

2013年05月04日 - 幽谷星尘 - 人无癖不可与交,以其无深情也。

 

  
 

2013年05月04日 - 幽谷星尘 - 人无癖不可与交,以其无深情也。

2013年05月04日 - 幽谷星尘 - 人无癖不可与交,以其无深情也。


  评论这张
 
阅读(145)| 评论(4)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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