[CSS3]CSS3를 이용한 그림자 효과

1. 브라우저 호환( 주요 브라우저를 기준으로만 기재)

① Chrome : 10.0 4.0 -webkit-

② Internet Explorer : 9.0

③ Firefox : 4.0 3.5-moz-

2. 옵션

div {  box-shadow: h-offset v-offset blur spread color inset }

1. h-offset : 가로 그림자의 길이

2. v-offset : 세로 그림자의 길이

3. blur : 블러 효과의 거리

4. spread : 확산의 정도(거리)

5. color : 그림자 색상

6. inset: 그림자가 도형 해당 Element 안쪽으로 생성된다.