html - css 3 盒子阴影左上下下

Question

嘿伙计们，我在玩 CSS box-shadow 属性，我有点挣扎。我试图在一个盒子上创建阴影，但我只想在我的 div 的顶部、底部和左侧应用阴影。

到目前为止，这是我的 css 代码，但它将适用于我不想要的所有 4 个方面。

     box-shadow: 0 0 10px rgba(0,0,0,0.6);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.6);

谢谢

Answer 1

尝试这个：

-webkit-box-shadow: -8px 3px 25px 1px rgba(0,0,0,0.75);
-moz-box-shadow: -8px 3px 25px 1px rgba(0,0,0,0.75);
box-shadow: -8px 3px 25px 1px rgba(0,0,0,0.75);

你也可以在这里玩。