CSS3实现的文本3D效果附图


Posted in HTML / CSS onSeptember 03, 2014

代码如下:

复制代码
代码如下:

<!DOCTYPE html>
<html>
<head>
<style>
h1
{
color: #3D3D3D;
font-size: 200px;
text-shadow: 0px -1px 0px #858585, 0px 1px 10px rgba(0, 0, 0, 0.6), 0px 6px 1px rgba(0, 0, 0, 0.1), 0px 0px 5px rgba(0, 0, 0, 0.2), 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 3px 5px rgba(0, 0, 0, 0.2), 0px 7px 10px rgba(0, 0, 0, 0.25), 0px 15px 10px rgba(0, 0, 0, 0.2), 0px 25px 15px rgba(0, 0, 0, 0.15);
}
</style>
</head>
<body>
<h1>文本3D效果!</h1>
</body>
</html>

效果如下图:
CSS3实现的文本3D效果附图
HTML / CSS 相关文章推荐
CSS3基础(RGBa、text-shadow、box-shadow、border-radius)
Nov 13 HTML / CSS
分享30个新鲜的CSS3打造的精美绚丽效果(附演示下载)
Dec 28 HTML / CSS
HTML5 canvas基本绘图之绘制阴影效果
Jun 27 HTML / CSS
HTML5如何实现元素拖拽
Mar 11 HTML / CSS
使用html5制作loading图的示例
Apr 14 HTML / CSS
使用HTML5进行SVG矢量图形绘制的入门教程
Feb 19 HTML / CSS
html5清空画布方法(三种)
Oct 16 HTML / CSS
HTML5 canvas 瀑布流文字效果的示例代码
Jan 31 HTML / CSS
使用html5实现表格实现标题合并的实例代码
May 13 HTML / CSS
Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码
Mar 17 HTML / CSS
Html5+CSS3+EL表达式问题小结
Dec 19 HTML / CSS
关于html选择框创建占位符的问题
Jun 09 HTML / CSS
css3和jquery实现的可折叠导航菜单适合放在手机网页的导航菜单
Sep 02 #HTML / CSS
一款纯css3实现的圆形旋转分享按钮旋转角度可自己调整
Sep 02 #HTML / CSS
用纯css3实现的图片放大镜特效效果非常不错
Sep 02 #HTML / CSS
CSS3 中的@keyframes介绍
Sep 02 #HTML / CSS
CSS3 Pie工具推荐--让IE6-8支持一些优秀的CSS3特性
Sep 02 #HTML / CSS
css3中背景尺寸background-size详解
Sep 02 #HTML / CSS
css3中transition属性详解
Sep 02 #HTML / CSS
You might like
php读取30天之内的根据算法排序的代码
2008/04/06 PHP
php中理解print EOT分界符和echo EOT的用法区别小结
2010/02/21 PHP
PHP中全局变量global和$GLOBALS[]的区别分析
2012/08/06 PHP
PHP中key和current,next的联合运用实例分析
2016/03/29 PHP
firefox中JS读取XML文件
2006/12/21 Javascript
javascript preload&amp;lazy load
2010/05/13 Javascript
从零开始学习jQuery (六) jquery中的AJAX使用
2011/02/23 Javascript
javascript实现tabs选项卡切换效果(自写原生js)
2013/03/19 Javascript
jQuery 无限级菜单的简单实例
2014/02/21 Javascript
jQuery实现为图片添加镜头放大效果的方法
2015/06/25 Javascript
浅谈JQuery+ajax+jsonp 跨域访问
2016/06/25 Javascript
微信小程序request出现400的问题解决办法
2017/05/23 Javascript
jQuery实现动态删除LI的方法
2017/05/30 jQuery
js实现首屏延迟加载实现方法 js实现多屏单张图片延迟加载效果
2017/07/17 Javascript
vue-scroller记录滚动位置的示例代码
2018/01/17 Javascript
手把手带你封装一个vue component第三方库
2019/02/14 Javascript
vue指令之表单控件绑定v-model v-model与v-bind结合使用
2019/04/17 Javascript
layui 选择列表,打勾,点击确定返回数据的例子
2019/09/02 Javascript
webpack的tree shaking的实现方法
2019/09/18 Javascript
javascript实现超好看的3D烟花特效
2020/01/01 Javascript
[01:03:38]2014 DOTA2国际邀请赛中国区预选赛5.21 CNB VS CIS
2014/05/22 DOTA
python中常用的各种数据库操作模块和连接实例
2014/05/29 Python
Python 制作糗事百科爬虫实例
2016/09/22 Python
Python实现将sqlite数据库导出转成Excel(xls)表的方法
2017/07/17 Python
matplotlib给子图添加图例的方法
2018/08/03 Python
python实时检测键盘输入函数的示例
2019/07/17 Python
Python lambda表达式filter、map、reduce函数用法解析
2019/09/11 Python
Python 脚本实现淘宝准点秒杀功能
2019/11/13 Python
python获取网络图片方法及整理过程详解
2019/12/20 Python
Python3如何使用tabulate打印数据
2020/09/25 Python
python中的插入排序的简单用法
2021/01/19 Python
jupyter 添加不同内核的操作
2021/02/06 Python
交警失职检讨书
2015/01/26 职场文书
2019新学期家长会工作计划
2019/08/21 职场文书
python Tkinter的简单入门教程
2021/04/11 Python
我国拿下天问一号火星着陆区附近 22 个地理实体命名:平乐、西柏坡、古田、漠河等
2022/04/29 数码科技