箱形阴影仅在左侧和右侧

我正在尝试在只有左侧和右侧阴影的元素上创建插入箱形阴影。我无法让它工作。箱形阴影仅在左侧和右侧

这里是箱阴影我想：

box-shadow: inset 10px 0px 25px 0px rgba(0,0,0,0.45);

，我会添加另一个用于右侧。问题是这个设置也显示了顶部和底部的影子，我不能让它不显示，仍然在左侧显示一个影子。这可能吗？

2013-07-02 L84

你是否检查过'div'或'elements'属性？分享'jsfiddle'链接。 –

我想这是怎么**盒**影子的手段;也许你可以使用':: before'伪元素来代替阴影。 – Passerby

重复：http://stackoverflow.com/questions/11997032/how-to-get-box-shadow-on-left-right-sides-only – 2013-07-02 03:24:23

使用上spread-radius (4th value)负值缩小的影子。这可以隐藏不需要的顶部和底部阴影。

box-shadow: inset 25px 0px 25px -25px rgba(0,0,0,0.45), inset -25px 0px 25px -25px rgba(0,0,0,0.45);

请参阅DEMO。

2013-07-02 03:35:04 Antony

回答