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

你也可以玩here。