html - 双面盒影

我的主要内容是div属性；

box-shadow: inset -15px 0 15px -15px;

我希望这样做，以便div的每一侧都具有相同的框阴影，但是我不确定如何执行此操作。这是JSFiddle Demo。

HTML：

<div id="content"></div>

CSS：

#content {
    width: 100px;
    height: 100px;
    background-color: #999999;
    position: absolute;
    left: 10px;
    top: 10px;
    box-shadow: inset -15px 0 15px -15px;
}

最佳答案

尝试这个
box-shadow: inset -15px 0 15px -15px, inset 15px 0 15px -15px;

关于html - 双面盒影，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24466392/