分享

☆日志美術字效果及代碼 - 学 海的日志 - 网易博客

 昌南y03 2011-04-08
日志美術字效果及代碼

【基本代碼】 2011-03-30 16:12:46 阅读51 评论1   字号: 订阅

日志美术字效果图及代码
美术字效果图
美 术 字 效 果 图 代 码
投影美术字
<DIV style="TEXT-ALIGN: center; FILTER: Shadow(color=#660099, direction=135); WIDTH: 100%; FONT-FAMILY: 方正姚体; HEIGHT: 100%; COLOR: #f90000; FONT-SIZE: 25pt"><B>投影美术字</B></DIV>
投影美术字
<DIV style="TEXT-ALIGN: center; FILTER: blur(add=t, direction=435, strength=12); WIDTH: 100%; DISPLAY: block; FONT-FAMILY: 微软雅黑; HEIGHT: 100%; COLOR: #0000ff; FONT-SIZE: 25pt"><B>投影美术字</B></DIV>
单色美术字
<DIV style="TEXT-ALIGN: center; FILTER: blur(add=1, direction=100, strength=5); FONT-STYLE: italic; HEIGHT: 100%; COLOR: blue; FONT-SIZE: 26pt"><B>单色美术字</B></DIV> 阐明:单色阴影美术字,调剂代码 direction=100, strength=10 的数值可改动投影偏向和影长或短,去掉代码 FONT-STYLE: italic 斜字就变为正字了。
立体美术字
<DIV style="TEXT-ALIGN: center; FILTER: shadow(color=#330530, strength=9, direction=135); WIDTH: 100%; FONT-FAMILY: 隶书; HEIGHT: 100%; COLOR: #f90b46; FONT-SIZE: 25pt"><B>立体美术字</B></DIV>
立体美术字
<DIV style="TEXT-ALIGN: center; FILTER: dropshadow(color=#0033CC, offX=3, offY=0, Positive=1); WIDTH: 100%; FONT-FAMILY: 华文新魏; HEIGHT: 100%; COLOR: #3366ff; FONT-SIZE: 26pt"><B>立体美术字</B></DIV> 阐明:用重叠美术字法制作立体美术字,调剂代码 offX=5, offY=0 的各个数值,可改动阴影间隔、位置、偏向。
立体美术字
<DIV style="TEXT-ALIGN: center; FILTER: dropshadow(color=#ffff00,offX=2,offY=1,Positive=3); LINE-HEIGHT: 100%; WIDTH: 100%; FONT-FAMILY: 方正舒体; COLOR: #ff0000; FONT-SIZE: 25pt">立体美术字</DIV> 阐明如上所叙。
陰影美術字
<DIV style="TEXT-ALIGN: center; FILTER: Shadow(color=#FF7F00,); WIDTH: 100%; FONT-FAMILY: 黑体; HEIGHT: 100%; COLOR: #ff0000; FONT-SIZE: 24pt"><B>陰影美術字</B></DIV>
日志美术字
<DIV style="TEXT-ALIGN: center; FILTER: shadow(color=deeppink); WIDTH: 100%; FONT-FAMILY: 幼圆; HEIGHT: 100%; COLOR: #380000; FONT-SIZE: 25pt"><B>日志美术字</B></DIV>
日志美术字
<DIV style="TEXT-ALIGN: center; FILTER: shadow(color=black, strength=5, direction=135); WIDTH: 100%; FONT-FAMILY: 幼圆; HEIGHT: 100%; COLOR: white; FONT-SIZE: 25pt; FONT-WEIGHT: bold; writing: tb-rl">日志美术字</DIV> 说 明:调整代码(strength=5, direction=135) 的各个数值可改变阴影方向和长短的不同效果。
重叠美术字
<DIV style="TEXT-ALIGN: center; FILTER: dropshadow(color=#0099FF, positive=1); WIDTH: 100%; FONT-FAMILY: 宋体-方正超大字符集; HEIGHT: 100%; COLOR: #0033ff; FONT-SIZE: 25pt"><B>重叠美术字</B></DIV>
清晰阴影美术字
<DIV style="TEXT-ALIGN: center; FILTER: dropshadow(color=#228B22,offX=5,offY=3,Positive=1); WIDTH: 100%; FONT-FAMILY: 华文行楷; HEIGHT: 100%; COLOR: #ff7f50; FONT-SIZE: 20pt"><B>清晰阴影美术字</B></DIV>
波纹美术字
<DIV style="TEXT-ALIGN: center; FILTER: wave(add=0,lightstrength=50,strength=2,freq=2,phrase=10); WIDTH: 100%; FONT-FAMILY: 华文细黑; HEIGHT: 100%; COLOR: red; FONT-SIZE: 25pt"><B>波纹美术字</B></DIV>
波纹美术字
<DIV style="TEXT-ALIGN: center; FILTER: wave(add=0, lightstrength=50, strength=3, freq=4, phrase=10); WIDTH: 100%; FONT-FAMILY: 华文行楷; HEIGHT: 100%; COLOR: #ffEEFF; FONT-SIZE: 26pt; FONT-WEIGHT: bold; writing: tb-rl">波纹美术字</DIV>  说 明:调整代码(add=0, lightstrength=50, strength=3, freq=4, phrase=10) 的各个数值可改变波纹字不同效果和透明度。
波浪美术字
<DIV style="TEXT-ALIGN: center; FILTER: wave(add=t, freq=2, lightstrength=5, phase=0, strength=4); WIDTH: 100%; FONT-FAMILY: 仿宋; HEIGHT: 100%; COLOR: darkblue; FONT-SIZE: 25pt"><B>波浪美术字</B></DIV>
描边中空美术字
<DIV style="TEXT-ALIGN: center; FILTER: shadow(color=#3300FF, strength=10, direction=135); WIDTH: 100%; FONT-FAMILY: 华文彩云; HEIGHT: 100%; COLOR: #33ffff; FONT-SIZE: 20pt"><B>描边中空美术字</B></DIV>
金属美术字
<DIV style="TEXT-ALIGN: center; FILTER: glow(color=black); WIDTH: 100%; FONT-FAMILY: 华文彩云; HEIGHT: 100%; COLOR: #e4dc9b; FONT-SIZE: 25pt"><B>金属美术字</B></DIV>
发光美术字
<DIV style="TEXT-ALIGN: center; FILTER: glow(color=FFFF66); WIDTH: 100%; FONT-FAMILY: 华文彩云; COLOR: #0033cc; FONT-SIZE: 25pt"><B>发光美术字</B></DIV>
空心美术字
<DIV style="TEXT-ALIGN: center; FILTER: shadow(color=black); WIDTH: 100%; FONT-FAMILY: 华文彩云; HEIGHT: 100%; COLOR: #cc0033; FONT-SIZE: 25pt"><B>空心美术字</B></DIV>
空心美术字
<DIV style="TEXT-ALIGN: center; FILTER: dropshadow(color=#993300, offX=2, offY=0, Positive=1); LINE-HEIGHT: 150%; WIDTH: 100%; FONT-FAMILY: 华文彩云; COLOR: #ff7f50; FONT-SIZE: 26pt"><B>空心美术字</B></DIV> 阐明:用重叠美术字法制作空心美术字,调剂代码 offX=5, offY=0 的各个数值,可改动阴影间隔、位置、偏向。
金属空心美术字
<DIV style="TEXT-ALIGN: center; FILTER: shadow(color=black, direction=200); WIDTH: 100%; FONT-FAMILY: 华文彩云; HEIGHT: 100%; COLOR: #e4dc9b; FONT-SIZE: 25pt"><B>金属空心美术字</B></DIV>
凸凹投影美术字
<DIV style="TEXT-ALIGN: center; FONT-SIZE: 20pt; FILTER: shadow(color=green, direction=10); WIDTH: 100%; COLOR: white; HEIGHT: 100%; FONT-FAMILY: 华文彩云"><B>凸凹投影美术字</B></DIV>
毛绒绒美术字
<DIV style="TEXT-ALIGN: center; FILTER: glow(color=red,strength=10); WIDTH: 100%; FONT-FAMILY: 微软雅黑; HEIGHT: 100%; COLOR: #e4dc9b; FONT-SIZE: 23pt"><B>毛绒绒美术字</B></DIV>
短毛绒美术字
<DIV style="TEXT-ALIGN: center; FILTER: glow(color=#9400de, strength=3); FONT-FAMILY: 方正姚体; HEIGHT: 100%; COLOR: #ffffff; FONT-SIZE: 25pt; FONT-WEIGHT: bold; writing: tb-rl">短毛绒美术字</DIV> 说 明:改变 strength=6 的数值可使毛绒绒发生大小变化。
定位法美术字
定位法美术字
<CENTER style="FONT-STYLE: italic; FONT-FAMILY: 黑体; COLOR: #FFeeff; FONT-SIZE: 25px"><B>定位法美术字</B></CENTER>
<CENTER style="FONT-STYLE: italic; MARGIN-TOP: -39px; FONT-FAMILY: 黑体; COLOR: #0007ff; MARGIN-LEFT: -3px; FONT-SIZE: 25px"><B>定位法美术字</B></CENTER>根据字的大小,调整数值-39px和-3px即可。
透 笼 美 术 字
<DIV style="TEXT-ALIGN: center; FILTER: dropshadow(color=#228B22, offX=14, offY=3, Positive=0); WIDTH: 100%; FONT-FAMILY: 华文行楷; HEIGHT: 100%; COLOR: #ff7f50; FONT-SIZE: 25pt"><B>透 笼 美 术 字</B></DIV> 阐明:用重叠美术字法制作透笼美术字,调剂代码 offX=5, offY=0 的各个数值,可改动透笼字间隔、位置、偏向,代码 color=#228B22 为背景颜色。
背景加色美术字
<DIV style="TEXT-ALIGN: center; BACKGROUND-COLOR: green; WIDTH: 100%; FONT-FAMILY: 方正舒体; HEIGHT: 100%; COLOR: white; FONT-SIZE: 20pt">背景加色美术字</DIV>
制作说明:所有美术字代码中的数值和颜色代码都可按喜好隋意调换的,会不同效果的。
学海博客-欢迎您光临浏览选用!
学海博客-欢迎您光临浏览选用!

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

    0条评论

    发表

    请遵守用户 评论公约