Yếu tố có thể có bóng đổ bóng và chèn bóng cùng một lúc không?

Question

Tôi muốn có cả bóng bên ngoài lẫn bóng bên trong (inset) trên cùng một phần tử, điều này có khả thi không? Ngay bây giờ tôi có điều này:

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

với bóng ẩn này ghi đè hộp bóng bình thường, bất kỳ đề xuất nào?

Answer 1

Có. Phân tách chúng bằng dấu phẩy:

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

Bạn có thể có tối đa sáu tôi tin.

Answer 2

đây là một ví dụ về những gì bạn muốn fiddle

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