css-仅在元素左侧的Box-Shadow

我一直在仅在元素的左侧设置框形阴影时遇到麻烦。

我尝试了这个:

box-shadow: -10px 0px 3px 0px #aaa;

但是,盒子阴影看起来更像一条灰线,并且没有我使用盒子阴影时所习惯的常规阴影效果。 另外,上面的示例还包括一个我想摆脱的小顶部阴影。

谢谢

AnchovyLegend asked 2020-02-13T13:12:15Z
2个解决方案
79 votes

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

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

尝试在此处[http://css3generator.com/]上使用盒子阴影生成器,直到获得所需的效果。

Gregg B answered 2020-02-13T13:12:36Z
-1 votes
box-shadow: inset 10px 0 0 0 red;
Francisco answered 2020-02-13T13:12:53Z
translate from https://stackoverflow.com:/questions/10463208/box-shadow-on-the-left-side-of-the-element-only