쓸만한 CSS 그림자 효과들

CSS 로 그림자 효과를 만들면 생각보다 보기좋고 적절한 그림자 효과를 만드는게 그렇게 만만하지 않습니다.

그래서 보통은 잘 만들어진 그림자 효과를 복사해 와서 사용하는 경우가 많습니다.

잘 만들어진 쓸만한 그림자 효과 몇가지를 소개합니다.

복붙해서 사용하면 됩니다.

.shadow{
    box-shadow: 0 4px 2px -2px rgba(0,0,0,0.7);
}

.shadow{
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.6);
}

.shadow{
    box-shadow: 0 5px 18px -7px rgba(0,0,0,1);
}

.shadow{
    box-shadow: 0 17px 20px -18px rgba(0, 0, 0, 1);    
}