텍스트에 그림자 효과를 주는 text-shadow 명령어

css3 부터 text-shadow 속성을 통해 텍스트에 그림자 효과를 줄 수 있는데 이로 인해 이미지 편집프로그램을 사용해서 그림자효과를 줘야하는 불편이 사라졌습니다

다만, 익스플로어 9이전의 버전에서는 지원이 안되기 때문에 9이전 버전엔 자체 전용 속성인 filter:shadow 를 사용해야 한다 IE9이전 버전에  text-shadow 를 사용할 경우 유효성검사를 통과못한다.

 text-shadow 는 텍스트에 그림자 효과를 부여하는 속성으로

해당 속성이 적용되는 버전에선

{ text-shadow: 색상 가로길이 세로길이 흐림정도; }

위와 같이 하면되고

IE9 이전의 버전에선

{ filter:shadow(color=색상, direction=방향, strength=크기); zoom:1; }

위와 같은 속성을 적용하면 된다.

예를들어보면

h1 { text-shadow:balck 5px 10px 8px } 로 적용했을경우

이런 형태의 그림자효과가 주어진 텍스트가 나오게 된다.