요소의 한면에만 상자 그림자가 있습니까?

Question

가능한 중복 :
drop shadow only bottom css3

나는 잠시 동안 고민과 흐림이있는 box-shadow을 만들 수있는 방법이 있는지 궁금하지만 하나에 나타납니다 봤는데 요소의 측면.

설정이 JSFiddle입니다. 블러가 여전히 요소의 상단과 하단에 표시되는 것을 볼 수 있습니까? 어떤 아이디어?

Answer 1

다시.

나는 이것을 알아 냈습니다. 내가 편집 한 그래서

.element:before 
{ 
content:''; 
position:absolute; 
left:-5px; 
right:100%; 
top:0; 
bottom:0; 
box-shadow: -10px 0 20px #aaa; 
} 

처럼 :before CSS 선택기를 사용하여 내 JSFiddle 사람이이 작업을 수행하는 방법을 알고 있어야합니다.

Answer 2

나는 완벽한 솔루션이라고 확신하지 않지만 div에 대한 컨테이너를 만들고 내부 div의 너비를 줄이고 왼쪽 또는 오른쪽으로 놀고 싶은면에 따라 shaddow를 원한다면 3면을 숨길 수 있습니다. . 나는 고정 된 witdh로 손님을 관리하는 것이 더 쉬울 것입니다.

는 예를 살펴 : http://jsfiddle.net/etienne_carre/rhKJF/4/