网页制作
网页制作
网络编程
脚本专栏
数据库
服务器
操作系统
网站运营
平面设计
电脑基础
首页
>
网页制作
> 浏览文章
CSS 文字加阴影变3D效果演示
(编辑:jimmy 日期: 2024/11/3 浏览:3 次 )
<title>几款CSS给文字加阴影变3D效果演示</title> <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> <div class="webfx-main-body"> <p onclick="alert(this.innerHTML)"> <span class="sample" style="width: 200px; height: 70; color: black; filter: Blur(Add=0, Direction=135, Strength=10);" >Jb51</span><span class="sample" style="position: relative; left: -201; top: -15; width: 200; color: #2984ff;"> Jb51</span> <p onclick="alert(this.innerHTML)"> <span class="sample" style="width: 200px; height: 70; color: lightskyblue; filter: Alpha(Opacity=60) Blur(Add=0, Direction=135, Strength=20);" >WebFX</span><span class="sample" style="position: relative; left: -201; top: -15; width: 200; color: lightskyblue; filter: Alpha(Opacity=60);" >Jb51</span> <p onclick="alert(this.innerHTML)"> <span class="sample" style="width: 200px; height: 70; color: white;" >Jb51</span><span class="sample" style="width: 200px; height: 70; position: relative; left: -200; filter: mask(color=red) shadow(direction=135) chroma(color=red);" >Jb51</span> <p onclick="alert(this.innerHTML)"> <span class="sample" style="width: 200px; height: 70; filter: mask(color=red) glow(color=black, strength=1) chroma(color=red);">Jb51</span> </div>
提示:您可以先修改部分代码再运行
上一篇:
IE8 控件错位的解决方法
下一篇:
学习CSS需要知道的CSS基础知识
一句话新闻
Windows上运行安卓你用过了吗
在去年的5月23日,借助Intel Bridge Technology以及Intel Celadon两项技术的驱动,Intel为PC用户带来了Android On Windows(AOW)平台,并携手国内软件公司腾讯共同推出了腾讯应用宝电脑版,将Windows与安卓两大生态进行了融合,PC的使用体验随即被带入到了一个全新的阶段。
友情链接:
杰晶网络
DDR爱好者之家
南强小屋
黑松山资源网
白云城资源网
SiteMap
主页
破解
音乐
影视