텍스트에 그림자 넣기
- 텍스트에 그림자를 넣고 싶을 때 사용.
- 문법
div {text-shadow: h-shadow v-shadow blur color;}
· 첫번째 길이는 x축 (가로)
· 두번째 길이는 y축 (세로)
· 세번째 길이는 흐린정도
· x축과 y축 길이는 마이너스도 가능함.
· 네번째 색은 그림자색을 나타냄.
· 색이 첫번째에 와도 무방하다.
· red,#ff0000,rgb(255,255,255) 등 다양한 방법이 가능하다.
· 흐린정도와 색상은 생략 가능.
· 그림자 복수지정도 가능하다. ','이용
예시
h1 {text-shadow:5px 5px 3px red; } h1 {text-shadow:5px 5px; }  h1 { text-shadow:5px 5px 2px #666, -5px -10px 2px #C30; }  |
- ie9 이하 브라우저에선 적용되지 않음.
