首页
网络新闻
seo优化
网络营销
网络推广
建站知识
网络安全
网络编程
网络编程
奇闻怪事
主页
/
建站知识
/
CSS 文字加阴影变3D效果演示
建站知识
2021-07-03 08:42
www.168986.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; : -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; : -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的影响
长沙网站设计
小企业网页制作 小企业网页制作方法
企业网站建设现状
网站建设找哪家
东莞个人网站制作
武汉企业网站建设
东莞网站设计公司
网站建设案例 网站建设成功案例
郑州app开发价格
开发微信小程序的流程
网站建设的过程
广州app定制开发
快速免费建网站
苏州网站建设公司哪家好
微网站建设报价
重庆网站制作
广告公司网站模板
狼蚁网络搜索
狼蚁网络导航
长沙seo优化
小企业网页制作 小企业网页制作方法
企业网站建设现状
网站建设找哪家
东莞个人网站制作
武汉企业网站建设
长沙网络营销
1
免费私人服务器
2
南宁企业建站
3
html网站模板建站
4
制作网站的公司 网站制作专业的公司
5
中国域名服务商有哪些?2021年中国十大域名注册
长沙网站建设
设置margin和padding为0可去掉DIV与DIV的空白
用hover配合(纯css)position实现网页动态展示效果
html通过canvas转成base64的方法
使用HTML5 Canvas绘制直线或折线等线条的方法讲解
IE6下PNG背景透明的七种方法小结