CSS3框阴影仅在左上角和右上角

Question

我需要为客户创建这个阴影效果，但无法弄清楚它是如何完成的：

纯CSS还能实现吗？

编辑：这是我目前的CSS：

box-shadow: 0 0px 0px #fff, 
            0 -1px 15px #ccc, 
            0 0px 0px #fff, 
            0 0px 0px #fff;

-webkit-box-shadow: 0 0px 0px #fff, 
                    0 -1px 15px #ccc, 
                    0 0px 0px #fff, 
                    0 0px 0px #fff;

-moz-box-shadow: 0 0px 0px #fff, 
                 0 -1px 15px #ccc, 
                 0 0px 0px #fff, 
                 0 0px 0px #fff;  

Answer 1

我从Another Stack OverFlow Question

那里偷走了这个答案

使用价差......

box-shadow具有以下值

box-shadow: x y blur spread color;

所以你可以使用像..

这样的东西

box-shadow: 0px -10px 10px -10px black;

这是同一个问题的另一个答案

您可以为box-shadow属性赋予多个值     例如

-moz-box-shadow: 0px 10px 12px 0px #000,
                0px -10px 12px 0px #000;
-webkit-box-shadow: 0px 10px 12px 0px #000,
                0px -10px 12px 0px #000;
box-shadow: 0px 10px 12px 0px #000,
        0px -10px 12px 0px #000;

它只是向左和向右投影，你可以根据你的要求进行调整

修改

我正在寻找OP的帖子，我想如果你试过这个，

box-shadow: 0 0px 0px #fff, 
        0 -1px 15px #ccc, 
        0 0px 0px #fff, 
        0 -1px 15px #ccc;

我认为它应该表明你认为它应该的方式。

我假设这些值按顺时针顺序排列，如边框或边距或其他，

Attribute: top, right, bottom, left;

并且您应该能够像向右一样向左侧添加值。 你可能不得不稍微玩一下。