Back to home
CSS3实现shadow字体突起效果
2014-04-07 08:25:36 -0400
代码说明
css3使用shadow方法实现字体突起效果，让字体看上去有立体感，CSS3立体文字效果，请使用Opear、Chrome浏览器避免兼容问题。转自源码爱好者
HTML代码
<body> <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>
代码演示
磨
«Newer
Older»
Comment:
Name:
Back to home
Subscribe
|
Register
|
Login
|
N