CSS3实现层叠效果-(box-shadow应用)


如果你也想实现这样的一个层叠纸张的效果,不妨试试这样写:
程序代码 程序代码
<style>
.content {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15), 0 4px 0 -3px #FFFFFF, 0 4px 0 -2px #BEC2C8, 0 8px 0 -5px #FFFFFF, 0 8px 0 -4px #BEC2C8;
    border:1px solid #BEC2C8;
    padding:6px;
    font-size:12px
}
</style>
<div class="content">我是层叠的纸张,在支持支持box-shadow的浏览器中查看。(<a href="http://www.uedcool.com">http://www.uedcool.com</a>)</div>



[本日志由 eddy 于 2012-10-11 06:13 PM 编辑]
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: box-shadow 层叠效果
相关日志:
评论: 0 | 引用: 0 | 查看次数: 8343
发表评论
昵 称:
密 码: 游客发言不需要密码.
内 容:
验证码: 验证码
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 300 字 | UBB代码 关闭 | [img]标签 关闭