오른쪽과 왼쪽에 CSS 그림자를 얻으려고합니다.

Question

CSS 상자 그림자도 적용하려는 DIV 요소가 있습니다. 문제는 엘리먼트의 왼쪽과 오른쪽에서만 필요합니다. 나는 놀려고 했어

box-shadow: 0 0 10px #000; 

그러나 나는 그것이 일하기를 거부한다. 그림자가 #pixel이고 # 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; 
}