[HTML]CSS_文字特效

原创 2005年05月31日 23:57:00
CSS文字特效
 
 
    ■CSS文字特效:

 文字陰影效果

Filter:Shadow(color=Value;Direction=Value;Zoom:Value;Padding:Value)
語法:{ Filter: Shadow (參數) }
參數:Color 顏色 , Direction (0、90、180、270) 陰影角度


<font style=FILTER: Shadow(color=8888ff,direction=150);height=10 color="#0066FF">文字</font>

 文字陰影效果加入Padding

<font style="filter: shadow(color=8888ff,direction=150); zoom:1; padding:5px;" color="#0066ff">文字</font>

 發光字體效果

Filter:Glow(color=Value;Strength=Value)
語法:{ Filter: Glow (參數) }
參數:Color 顏色 , Strength 範圍


<font style="filter: glow(color=#FF9900,strength=3); height:10px; color:white; padding:1px">文字</font>

 CSS教學首頁連結發光效果

<a href="連結網址" _fcksavedurl=""連結網址"" style="filter: glow(color=#3366FF,strength=3); height:10px; color:blue; padding:1px">連結文字</a> 

 字體模糊效果

Filter:Blur(Strength=Value;Direction=Value)
語法:{ Filter: Blur (參數) }
參數:Direction (0、90、180、270) 模糊角度 , Strength 幅度


<font style="filter: blur(strength=3,direction=150); height:10px; color:white; padding:1px">文字</font>

css3 ——text-shadow使用阴影叠加出的燃烧的文字特效

text-shadow body { background:#000;} p { text-align:center; padding:24px; margin:0; font-family:...

CSS3动画遮罩文字特效

CSS3动画遮罩特效,当你把鼠标放在图片上的时候,可看到图片上出现动态效果的文字提示效果,不要以为使用了JavaScript生成了本效果,其实它是用CSS3技术实现的页面动画,虽然没有那么流畅,但用C...

CSS制作网页文字特效

  • 2015年12月30日 16:29
  • 2KB
  • 下载

html5 texteffect设置每行文字特效

  • 2016年08月06日 10:19
  • 38KB
  • 下载

文字特效 Text Fx插件学习记录

文字特效 Text Fx插件学习记录 当我们倒入TextFx这个插件的时候我们就能看见里面有一个自带的例子了。这个例子的一些文字特效做得很棒啊,不过我觉得这个插件适合在2D游戏里面使用。...

HTML5 Canvas粒子文字特效

  • 2017年10月17日 09:17
  • 4KB
  • 下载

HTML网页文字特效

  • 2016年11月12日 19:17
  • 4KB
  • 下载

玩命牛的成长记录(二十三)——各种文字特效

欣欣(1989—) 自动化专业研究生,转行当程序员,在一家国内领先的IT公司工作,业余时间兼职创业,创办网站欣欣网站制作。 玩命牛(1989—) 欣欣的本科同学,学习非常玩命,本科毕...

14款震撼人心的HTML5文字特效

  • 2014年05月23日 10:53
  • 257KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:[HTML]CSS_文字特效
举报原因:
原因补充:

(最多只允许输入30个字)