क्या एक तत्व में एक ही समय में बॉक्स-छाया और इन्सेट छाया हो सकती है?

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; 

का एक उदाहरण है