text-shadow와 box-shadow

text-shadow: 2px 2px 2px gray; 
 
#텍스트 그림자 효과 
 
text-shadow: offset-x offset-y blur-radius color | none | initial | inherit
offset-x : 그림자의 수평 거리를 정합니다. (필수)
offset-y : 그림자의 수직 거리를 정합니다. (필수)
blur-radius : 흐림 정도를 정합니다. (선택 : 값을 정하지 않으면 0)
color : 색을 정합니다. (선택 : 값을 정하지 않으면 브라우저 기본값)
none : 글림자 효과를 없앱니다.
initial : 기본값으로 설정합니다.
inherit : 부모 요소의 속성값을 상속받습니다. 
 
offset-x의 값을 증가시키면 그림자의 위치가 오른쪽으로 이동합니다.
offset-y의 값을 증가시키면 그림자의 위치가 아래로 이동합니다.
blur-radius의 값을 증가시키면 그림자가 흐려집니다.
속성값을 쉼표로 구분하여 여러 번 쓰면 여러 개의 그림자가 생깁니다. 

 

#box-shadow 쉽게 확인하기

Convert Photoshop Drop Shadows to CSS3 Box and Text Shadows