Css 阴影向左、向右和底部

我正在使用以下代码：

border-right:0px solid #ddd;
height:85px;    
box-shadow :5px 5px 10px 1px #eaeaea;

但我刚刚得到这个结果

我想在左侧、臀部和右侧添加相同宽度的阴影

---

我会将此阴影添加到此站点的下拉菜单中

如果您希望所有四个面都有阴影，请尝试以下代码：

div {
-webkit-box-shadow: 0 0 100px #000;
box-shadow: 0 0 100px #000;
}

-moz-box-shadow: 0px 3px 8px rgb(100,100,100);
-webkit-box-shadow: 0px 3px 8px rgb(100,100,100);
box-shadow: 0px 3px 8px rgb(100,100,100);

我也在CodePen上测试过，这是因为你的Y和X是偏移量

如果您正在查找要阴影的左侧、右侧和底部

您可以使用以下代码：

div {
-webkit-box-shadow: 0 0 100px #000;
box-shadow: 0 0 100px #000;
}

-moz-box-shadow: 0px 3px 8px rgb(100,100,100);
-webkit-box-shadow: 0px 3px 8px rgb(100,100,100);
box-shadow: 0px 3px 8px rgb(100,100,100);

请尝试以下代码：

div{
高度：200px；
宽度：300px；
保证金：50px自动0；
右边框：0px实心#ddd；
高度：85px；
盒影：5px 5px 10px 1px#eaeaea，-5px 5px 10px#eaeaea；
}

---

Hmm，现在它在整个盒子上得到阴影。我只想在左、右和按钮处添加阴影：-/如果你在Nelly.se查看-他们的下拉式风格很棒，我也在尝试，但我想不出来。@borresnorre我刚刚更新了我的答案，请尝试第二个选项：）应该可以，伙计！我正在尝试，但它仍然得到阴影在顶部。请检查此URL并检查：@borresnorre再次更新，增加像素，尝试以下操作：此代码工作正常，但现在其阴影再次出现在顶部：您可以在此处检查URL:-这些东西让我发疯：DTry此代码：。导航下拉列表{box shadow:5px 5px 10px rgba（0,0,0,0.2），-5px 10px 10px rgba（0,0,0.2）；}添加了代码，但它在顶部看起来仍然像阴影：不，它不是阴影…“标题底部”背景色为#FCF9F9，“导航下拉”背景色为#FFFFFF。对于不同的背景色，它看起来像阴影。如果将“标题底部”背景色更改为“#FFFFFF”。你不会有影子。