css - CSS 3 box-shadow 无处不在

Question

我在这里有这个网站：

http://artendijen.com/susan_dev/

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

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

Answer 1

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

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

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

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

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