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 回答