首页
站长资源
网络推广
建站知识
免费源码
网络编程
模板素材
奇闻怪事
民俗文化
主页
/
网站建设
/
CSS 文字加阴影变3D效果演示
网站建设
2021-07-03 08:42
www.dzhlxh.cn
网站建设
<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 控件错位的解决方法
下一篇:
DIV+CSS 布局代码精简对SEO的影响
网站设计
商城网站建设怎样建
免费制作自己的网站
企业网站建设的一般要素
如何搭建自己的网站
网站建设的主要工作流程
开发一个网站的过程是什么
如何创建一个自己的网站
网站栏目名称
时间同步服务器地址
移动端手机网站制作
百度k站:百度K站的原因
可外链网盘:支持外链的网盘有哪些
百度指数会员:如何利用百度指数会员
电信虚拟主机:电信虚拟主机的优势
穷站长:搜索引擎优化是提高网站流量的方法
常德网站建设公司:常德网站建设多少钱
金源码搜索
金源码导航
免费网站源码
商城网站建设怎样建
免费制作自己的网站
企业网站建设的一般要素
如何搭建自己的网站
网站建设的主要工作流程
网站模板下载
1
败笔网络安全技术
2
ai怎么调整画板顺序? ai设置画板顺序的教程
3
南宁企业建站
4
网络安全第五空间
5
网页设计制作详细流程
网站建设
AI打造逼真的牛仔帆布料纹理
Win10 9879新功能曝光:新增Insider Hub会员中心
常用的CSS缩写语法小结可帮助你减少CSS文件大小
Windows 10第二波累积更新补丁KB3081436修复了哪些内
服务器硬件防火墙