CSS 3盒子阴影四周

Question

我在这里有这个网站：

http://artendijen.com/susan_dev/

我的导航盒周围有一个盒子阴影，我希望阴影有点小，一种看起来更像阴影的颜色，除了左侧，只有顶部，底部，和右边。这可能吗？

box-shadow: 10px 10px 5px #000;

Answer 1

box-shadow的语法是这样的（忽略inset和spread）：

box-shadow: <offset-x> <offset-y> <size> <color>;

因此要使阴影更小，减小尺寸。 要将阴影置于不同位置，请更改偏移。 要获得更逼真的色彩，请尝试更透明的色彩。

例如，这会给出你想要的结果：

box-shadow: 5px 0px 3px rgba(0,0,0,.5);