论坛: 网站建设 标题: 几个好用的css  复制本贴地址    
作者: wuhuan [wuhuan]    论坛用户   登录
<head> 
<style type="text/css"> 
<!-- 

body {background: url(back.gif);} 

.sample {font-style: italic; font-family: arial black; 
font-size: 40px; font-weight: bold; cursor: hand;} 



#backgr2 {width: 200px; height: 70; background: black url(images/back1.jpg) center center no-repeat;} 
#backgr3 {} 

--> 
</style> 
</head> 

<div class="webfx-main-body"> 
<h2>3D Text</h2> 
<p>以下是一个用了blur滤镜而另一个没用的叠加效果</p> 
<p onClick="alert(this.innerHTML)"> <span class="sample" 
style="width: 200px; height: 70; color: black; filter: Blur(Add=0, Direction=135, Strength=10);" 
>WebFX</span><span class="sample" 
style="position: relative; left: -201; top: -15; width: 200; color: #2984ff;"> 
WebFX</span> </p> 
<h2>Glass Text</h2> 
<p>这个是两个都用了alpha滤镜的效果</p> 
<p onClick="alert(this.innerHTML)"> <span style="color: lightskyblue" class="sample">weicool</span> </p> 
<h2>Inner Shadow</h2> 
<p>这个是先用了一段白色的文字，再加了mask()滤镜，再用了shadow()滤镜，最后加入chroma()滤镜形成后一段字体，放在前一段文字的相对left: 
-200px位置上形成的。</p> 
<p onClick="alert(this.innerHTML)"> <span class="sample" 
style="width: 200px; height: 70; color: white;" 
>WebFX</span><span style="width: 200px; height: 70; position: relative; left: -200; filter: mask(color=red) shadow(direction=135) chroma(color=red)" class="sample">weicool</span> </p> 
<h2>Outline Text</h2> 
<p>用mask, glow and chroma三个滤镜联合作用</p> 
<p onClick="alert(this.innerHTML)"> <span style="width: 200px; height: 70; filter: 'mask(color=red) glow(color=black', 'strength=1) chroma(color=red)'" class="sample">weicool</span> </p> 
</div>



地主 发表时间: 05/11 10:12
回复: ldfi007 [ldfi007]   论坛用户   登录
谢谢了，我不是很了解这个，是不是用来做文字效果的1

B1层 发表时间: 05/11 16:31
回复: top [top]   论坛用户   登录
你一天到处跑啊蝴蝶

你到几个论坛发帖子啊？

B2层 发表时间: 05/11 20:15
回复: wuhuan [wuhuan]   论坛用户   登录
　　哈哈　你怎么知道呀　我要采花呀

B3层 发表时间: 05/14 14:53
回复: linda [linda]   论坛用户   登录
有蜂蜜卖吗？

B4层 发表时间: 05/17 19:55
回复: wuhuan [wuhuan]   论坛用户   登录
想要吗？

B5层 发表时间: 05/18 09:14
回复: linda [linda]   论坛用户   登录
我想用来养颜.这也是技术上的东西哟!!!!!!!!!!!!
可能你们都没有用过吧

B6层 发表时间: 05/19 13:13
回复: hl82 [hl82]   论坛用户   登录
真不错！！！

B7层 发表时间: 05/19 18:32
回复: stone [stone]   论坛用户   登录
的确不错啊!呵呵

B8层 发表时间: 05/20 00:58

论坛: 网站建设

20CN网络安全小组版权所有
Copyright © 2000-2010 20CN Security Group. All Rights Reserved.
论坛程序编写：NetDemon

粤ICP备05087286号