可以将盒子阴影效果应用于左侧和左侧。 div的右边？

Question

是否可以将一个盒子阴影仅应用于左侧＆amp; div的右边？

box-shadow: 0px 0 20px rgba(0,0,0,.4);

我尝试将其更改为以下几个变量：

box-shadow: 0, foo, 0, foo;

但是效果不好。

在下图中，我想删除底线（和顶部的一行，但在此图片中看不到）。

如果可能，我宁愿不使用图像。

Answer 1

您可以通过设置框阴影：之前和之后：

来实现

div:before {
    box-shadow: -15px 0 15px -15px inset;
}
div:after {
    box-shadow: 15px 0 15px -15px inset;
}

http://jsfiddle.net/Qq5tQ/

Answer 2

基本上这样做的方法是在它上面使用另一个框阴影，这样css看起来就像这样：

box-shadow: 0px -45px white,0px 22px white, 2px 0 20px rgba(0,0,0,.4)