box-shadow zarówno w środku, jak i na zewnątrz na tym samym dywaniku

Question

Czy nie mogę mieć zarówno cieniowania wewnątrz i na zewnątrz tego samego elementu div? Próbowałem, ale to nie działa

http://jsfiddle.net/CWuw8/

Answer 1

Trzeba użyć przecinka do oddzielenia obu cieni: http://jsfiddle.net/gryzzly/CWuw8/3/ trzeba także dodać przedrostki konkretnej przeglądarki, aby to zadziałało wszędzie jest obsługiwany :

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; 
} 

Musisz również określić kolor cienia, aby był widoczny.

Answer 2

Korzystanie CSS3 można mieć multple cienie box tylko oddzielając je przecinkami np:

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

można mieć tyle, ile chcesz.

Answer 3

Zaktualizowałeś swoje skrzypce: http://jsfiddle.net/CWuw8/4/