编程 HTML / CSS

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&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 数码科技