css - HTML5 & CSS - 2-Sided Box Shadow

Question

在 CSS 中，我知道您可以制作四边形阴影。只是想知道你是否能够选择两侧。 (只是左侧和右侧)。我知道已经有一个问题，但它没有提供任何有用的信息。

谢谢

Answer 1

可以使用多个box-shadows来达到效果

div{
    width:100px;
    height:80px;
    margin:50px;
    background:orange;
    box-shadow:-50px 0px 5px 0px grey,50px 0px 5px 0px grey;
}

<div></div>