CSS 3 box-shadow 四周

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);