一個元素可以同時包含陰影和插入陰影嗎？

Question

我想要在同一個元素上同時具有外部陰影和內部陰影（插圖），這可能嗎？現在我有這個：

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

用這個插入陰影覆蓋正常的盒子陰影，有什麼建議嗎？

Answer 1

是的。用逗號分隔它們：

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

你可以有多達六個，我相信。

Answer 2

這裏是你想fiddle

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

內容示例