CSS로 좌우하단에만 그림자를 넣을려면 어떻게 하는지 궁금합니다.

Question

보통 상하좌우 모두 그림자 처리가 되는 것 같습니다.

위치에 따라 반대편쪽은 보이지 않는 것이겠지만요.

하지만 좌우와 하단에만 그림자를 보이게 할려면 어떻게 하는지 모르겠네요.

부탁드립니다.

Answer 1

다음과 같이 해보십시오.

참고로 IE9 이상만 가능한 것 아시죠?

.box {
    -moz-box-shadow: 0px 3px 8px rgb(100,100,100);
    -webkit-box-shadow: 0px 3px 8px rgb(100,100,100);
    box-shadow: 0px 3px 8px rgb(100,100,100);
}