7

我想在同一个元素上同时拥有外阴影和内(插入)阴影,这可能吗?现在我有这个:

box-shadow: 0 4px 2px -2px #888;
box-shadow: inset 0 0 30px #EEE;

有了这个嵌入阴影覆盖了正常的盒子阴影,有什么建议吗?

4

2 回答 2

10

是的。用逗号分隔它们:

box-shadow: inset 0 0 30px #EEE, 0 4px 2px -2px #888;

我相信你最多可以有六个。

于 2012-08-27T14:04:33.497 回答
0

这是你想要小提琴的一个例子

box-shadow:0 0 30px #222 inset, 0 4px 2px -2px #888;
于 2012-08-27T14:07:31.233 回答