CSS3에서부터 포토샵에서 그림자나 쉐도우 넣듯한 효과를 CSS로 직접 낼수 있다.
하는 방법은 다음과 같다
.box {
box-shadow : 가로오프셋거리, 세로오프셋거리, 블러, rgba(x,x,x,x);
}box-shadow는 4개의 인자를 받는다.
1. 가로 오프셋 거리 : 그림자가 가로로 얼마나 떨어저 있는지 지정한다.
2. 세로 오프셋 거리 : 그림자가 세로로 얼마나 떨어저 있는지 지정한다.
3. 블러 : 그림자의 번지는 정도를 지정한다.
4. 그림자의 색상을 지정한다.
