6

我试图在一个只有左右阴影的元素上创建一个插入框阴影。我无法让它工作。

这是我试过的盒子阴影:

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

我将在右侧添加另一个。问题是此设置还在顶部和底部略微显示阴影,我无法让它不显示并且仍然在左侧显示阴影。这可能吗?

jsFiddle

4

1 回答 1

12

Use a negative value on spread-radius (4th value) to shrink the shadow. This can hide the unwanted top and bottom shadow.

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

See DEMO.

于 2013-07-02T03:35:04.423 回答