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 渐变(Gradients)之CSS3 线性渐变
Jul 08 HTML / CSS
HTML+CSS3 模仿Windows7 桌面效果
Jun 17 HTML / CSS
CSS3的一个简单导航栏实现
Aug 03 HTML / CSS
HTML5对手机页面长按会粘贴复制禁用的解决方法
Jul 19 HTML / CSS
基于HTML5超酷摄像头(HTML5 webcam)拍照功能实现代码
Dec 13 HTML / CSS
css3 transform 3d 使用css3创建动态3d立方体(html5实践)
Jan 06 HTML / CSS
基于HTML5 FileSystem API的使用介绍
Apr 24 HTML / CSS
html5实现的便签特效(实战分享)
Nov 29 HTML / CSS
Html5+JS实现手机摇一摇功能
Apr 24 HTML / CSS
整理HTML5中支持的URL编码与字符编码
Feb 23 HTML / CSS
Html5自定义字体解决方法
Oct 09 HTML / CSS
html输入两个数实现加减乘除功能
Jul 01 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+DBM的同学录程序(3)
2006/10/09 PHP
介绍几个array库的新函数 php
2006/12/29 PHP
windows server 2008/2012安装php iis7 mysql环境搭建教程
2016/06/30 PHP
点弹代码 点击页面任何位置都可以弹出页面效果代码
2012/09/17 Javascript
js与运算符和或运算符的妙用
2014/02/14 Javascript
jquery原创弹出层折叠效果点击折叠弹出一个层
2014/03/12 Javascript
JS实现表单中checkbox对勾选中增加边框显示效果
2015/08/21 Javascript
JavaScript如何实现跨域请求
2016/08/05 Javascript
深入理解jquery中extend的实现
2016/12/22 Javascript
JavaScript面向对象程序设计创建对象的方法分析
2018/08/13 Javascript
Vue项目使用localStorage+Vuex保存用户登录信息
2019/05/27 Javascript
React组件对子组件children进行加强的方法
2019/06/23 Javascript
解决layui checkbox 提交多个值的问题
2019/09/02 Javascript
Echarts实现多条折线可拖拽效果
2019/12/19 Javascript
[10:28]2018DOTA2国际邀请赛寻真——VGJ.S寻梦之路
2018/08/15 DOTA
python使用mailbox打印电子邮件的方法
2015/04/30 Python
python 根据pid杀死相应进程的方法
2017/01/16 Python
Django 路由控制的实现
2019/07/17 Python
python selenium 执行完毕关闭chromedriver进程示例
2019/11/15 Python
让你的Python代码实现类型提示功能
2019/11/19 Python
Python 合并拼接字符串的方法
2020/07/28 Python
Pycharm配置autopep8实现流程解析
2020/11/28 Python
Supersmart英国:欧洲市场首批食品补充剂供应商之一
2018/05/05 全球购物
英国优质家居用品网上品牌:URBANARA
2018/06/01 全球购物
ToysRus日本官网:玩具反斗城
2018/09/08 全球购物
意大利独特而优质的家居用品:Fazzini
2018/12/05 全球购物
Hush Puppies澳大利亚官网:舒适的男女休闲和正装鞋
2019/08/24 全球购物
优质服务口号
2014/06/11 职场文书
个人债务授权委托书范本
2014/10/05 职场文书
2014年专项整治工作总结
2014/11/17 职场文书
关于国庆节的广播稿
2015/08/19 职场文书
机关干部作风整顿心得体会
2016/01/22 职场文书
2016年小学“感恩教师”主题队日活动总结
2016/04/01 职场文书
在CSS中映射鼠标位置并实现通过鼠标移动控制页面元素效果(实例代码)
2021/04/22 HTML / CSS
德劲DE1108畅想
2021/04/22 无线电
Python  lambda匿名函数和三元运算符
2022/04/19 Python