码迷,mamicode.com
首页 > Web开发 > 详细

CSS3 文本3D效果

时间:2014-07-25 13:48:31      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   2014   re   c   html   

代码如下:

<!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>
效果如下图:
bubuko.com,布布扣

CSS3 文本3D效果,布布扣,bubuko.com

CSS3 文本3D效果

标签:style   blog   http   color   2014   re   c   html   

原文地址:http://www.cnblogs.com/wangjinming/p/3867461.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!