css - 仅元素左侧的 Box-Shadow

Question

我一直无法仅在元素的左侧设置框阴影。

我试过这个:

.box {
    box-shadow: -10px 0px 3px 0px #aaa;
}

<div class="box">Example element</div>

但是，盒子阴影看起来更像是一条灰色线，并且缺少我在使用盒子阴影时习惯的常规阴影效果。此外，上面的示例包含一个我试图摆脱的小顶部框阴影。

Answer 1

您可能需要更多的模糊和更少的散布。

box-shadow: -10px 0px 10px 1px #aaaaaa;

在这里尝试使用盒子阴影生成器 http://css3generator.com/直到你得到你想要的效果。