1px DropShadow底部更厚

时间:2013-02-01 18:30:53

标签: html css

我有一个圆角矩形,我正在尝试应用1px模糊,1px垂直offet阴影。我的问题是底部阴影看起来比侧面的阴影厚得多。有没有办法纠正这个,所以底部阴影将与侧面的阴影宽度相同?我想过使用outline,但由于我的圆角,这不起作用。另外,我不希望在矩形的顶部有边框。

box-shadow: 0 1px 1px #000;

http://jsfiddle.net/Zw4QA/317/

1 个答案:

答案 0 :(得分:0)

尝试将您的方框阴影设置为:

box-shadow: rgba(0,0,0,0.8) 1px 1px 1px, rgba(0,0,0,0.8) -1px 1px 1px, rgba(0,0,0,0.8) 0 1px 1px;

您可以使用多个框阴影和负值在需要时将它们拉到左侧或顶部。