text-shadow (그림자 효과)

 

 

text-shadow (그림자 효과)

그래픽 프로그램의 도움 없이도 텍스트에 그림자 효과를 줄 수 있습니다.

 

text-shadow : 1px 1px 3px #000;

 

가로 오프셋 거리	·       그림자가 가로로 얼마나 떨어져 있는지 지정. ·       양수값은 요소의 오른 쪽, 음수값은 요소의 왼쪽에 그림자 표시
세로 오프셋 거리	·       그림자가 세로로 얼마나 떨어져 있는지 지정. ·       양수값은 요소의 아래, 음수값은 요소의 위쪽에 그림자 표시
blur radius	·       그림자의 번지는 정도를 지정. ·       생략할 경우 그림자가 선명하게 표시됨
그림자 색상	·       그림자 색상을 지정. ·       16진수로 된 색상값을 사용. ·       색상 이름이나 RGB 값 모두 사용.