티스토리 뷰

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

문자에 그림자 드리우기인데, 인터넷 익스플로러를 제외한 대부분 브라우저에서는 보입니다.
적용도 쉽습니다. 적용하고자 하는 문자 또는 연결고리(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;}

 
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
«   2024/03   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
글 보관함