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

CSS3文字立体效果

时间:2015-07-12 14:20:04      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:css3文字立体效果

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>很棒的CSS3立体效果</title>
</head>
<body>
<div><A href="http://www.999jiujiu.com/">http://www.999jiujiu.com/</A></div>
        <style>
                .list_case_left{position:absolute;left:10%;font-size:130px;font-weight:800;color:#fff;text-shadow:1px 0px #009807, 1px 2px #006705, 3px 1px #009807, 2px 3px #006705, 4px 2px #009807, 4px 4px #006705, 5px 3px #009807, 5px 5px #006705, 7px 4px #009807, 6px 6px #006705, 8px 5px #009807, 7px 7px #006705, 9px 6px #009807, 9px 8px #006705, 11px 7px #009807, 10px 9px #006705, 12px 8px #009807, 11px 10px #006705, 13px 9px #009807, 12px 11px #006705, 15px 10px #009807, 13px 12px #006705, 16px 11px #009807, 15px 13px #006705, 17px 12px #009807
                }
        </style>
        <div class="list_case_left">立体效果</div>
</body>
</html>

版权声明:本文为博主原创文章,未经博主允许不得转载。

CSS3文字立体效果

标签:css3文字立体效果

原文地址:http://blog.csdn.net/life66881/article/details/46849491

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