css - 左右にCSSの影をつけようとしている

Question

CSSボックスシャドウも適用したいDIV要素があります。問題は、要素の左右だけにしたいということです。で遊んでみた

box-shadow: 0 0 10px #000;

しかし、私が何をしても、それは機能しません。影を10px、色を#000にしたいです。

ありがとう

Answer 1

これをCSSに適用する必要があります。

div {
    box-shadow: 4px 0 2px #222,  -4px 0 2px #222; 
}

これがその例です。http://jsfiddle.net/vDvkP/

Answer 2

.box-shadow {
    -webkit-box-shadow:4px 0 2px #000, -4px 0 2px #000;
    -moz-box-shadow:4px 0 2px #000, -4px 0 2px #000;
    box-shadow:4px 0 2px #000, -4px 0 2px #000;
}