Box-shadow как вставки, так и снаружи на том же div

Не могу ли я иметь теневую тень внутри и снаружи на одном и том же div? Я пробовал, но он не работает.

http://jsfiddle.net/CWuw8/

Ответы

Ответ 1

Вам нужно использовать запятую для разделения обоих теней: http://jsfiddle.net/gryzzly/CWuw8/3/ Вам также необходимо добавить префикс для браузера, чтобы он работал везде, где он поддерживался:

div {
  -webkit-box-shadow: 
    10px 10px 10px #000, 
    inset 0 0 10px #000;
  -moz-box-shadow: 
    10px 10px 10px #000, 
    inset 0 0 10px #000;
  -o-box-shadow: 
    10px 10px 10px #000, 
    inset 0 0 10px #000;
  box-shadow: 
    10px 10px 10px #000, 
    inset 0 0 10px #000;
}

И вы также должны указать цвет для тени, чтобы он был виден.

Ответ 2

Используя CSS3, вы можете иметь многоцветные тени теней, разделяя их запятыми, например:

box-shadow: 10px 10px 10px, 0 0 10px inset;

У вас может быть столько, сколько хотите.