이미지나 별도의 스크립트를 사용하지 않고 CSS만으로 글씨에 그림자 효과를 줄 수 있다.
소스코드는 아래와 같다.
.shadow {
text-shadow: #7f0037 5px 10px 2px;
}
순서는 색상코드, x좌표 거리, y좌표 거리, 그림자크기 순서이다.
거리를 마이너스 값으로 주면 글씨의 좌측이나 상단에 그림자를 만들 수 있다.
"웹+모바일" 카테고리의 다른 글
- HTML5 가이드 문서 PDF (0)2010/07/03
- 모바일 웹사이트 개발 - 아이폰 : 즐겨찾기 아이... (0)2010/02/22
- 모바일 웹사이트 개발 - 아이폰 : 글자에 그림자 ... (0)2010/02/17
- 모바일 웹사이트 개발 - 아이폰 : 사파리 디자인 ... (0)2010/02/17
- 모바일 웹사이트 개발 - 아이폰 : 웹사이트 접속 ... (1)2010/02/11
* 본 글은 양씨닷컴 블로그(http://www.yangc.com/blog)에서 작성되었습니다.
* 본 글의 저작권은 양씨닷컴(http://www.yangc.com)에 있습니다.
* 출처를 밝히지 않는 무단배포 및 수정을 금합니다.
