CSS3로 글자에 그림자를 드리우고...

우연히 CSS3 도우미 사이트를 알게 돼서 이런 저런 것을 해보다가, 블로그에도 적용했습니다.

http://www.css3maker.com/

문자에 그림자 드리우기인데, 인터넷 익스플로러를 제외한 대부분 브라우저에서는 보입니다.
적용도 쉽습니다. 적용하고자 하는 문자 또는 연결고리(link)에 아래 속성만 더해주면 됩니다.

text-shadow:5px  5px  7px  #B35F00;

첫 번째 수치는 가로 위치. 숫자가 높을 수록 그림자가 오른쪽으로 갑니다.
두 번째 수치는 세로 위치. 숫자가 높을 수록 그림자가 아래로 갑니다.
세 번째 수치는 그림자 문자의 뭉개짐 정도. 숫자가 높을 수록 글씨를 알아볼 수 없게 뭉개줍니다.
네 번째는 그림자의 색깔.

제목 부분 CSS를 보여드리면 이런 식입니다.

#header .blogTitle  a  { color: #B35F00; font: 38px serif; font-weight:bold; float:left; text-shadow:5px  5px  7px  #B35F00; }

연결고리(links)에도 적용할 수 있습니다. (예제는 제 블로그... )

a:hover         { color:#7D4C2C;  text-decoration:none; text-shadow:2px  2px  2px  #7D4C2C;}