本文介绍如何使用CSS的box-shadow属性来实现更真实的阴影效果。通过将预定义颜色替换为带有透明度的RGBA格式，可以创建出更为细腻且逼真的阴影。文章提供了具体的代码示例，包括跨浏览器兼容性的解决方案。
普通情况下添加阴影
box-shadow:0 4px 4px #333333;
#333333的阴影看起来很假，所以使用rgba(0,0,0,百分比)就可以设置阴影的透明度了
解决方法
使用rgba来代替#
-moz-box-shadow:0 4px 4px rgba(0, 0, 0, 0.4);
-webkit-box-shadow:0 4px 4px rgba(0, 0, 0, 0.4);
box-shadow:0 4px 4px rgba(0, 0, 0, 0.4);
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
