쓸만한 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);
}