컴 ,모든것/태그
글자효과(dropshadow)
고목의향기
2009. 6. 6. 12:05
 | |||||||||||||||||||||||||
|
▒ 요 약 | |||||||||||||||||||||||||
|
필터를 이용한 '글자효과' 두번째로 드롭쉐도우(Dropshadow) 필터입니다. '드롭쉐도우' 필터는 글자를 두개로 겹치게 하는 필터입니다. 드롭쉐도우 필터는, 겹치는 두 글자의 색깔들을 조절하거나 두 글자 사이의 간격을 조절하여, 다양한효과를 나타냅니다. 알파 필터와 마찬가지로 <span style> 와 </span> 태그를 사용하여 <span style> 안에 글자의 여러 속성과 드롭쉐도우 필터를 끼워넣어 사용합니다. 태그 예제를 보며, 예제 해석과 함께 배워보도록합니다. ■ 소스 ■
풀이: - <span style> 와 </span>로 '허자허자' 라는 글자를 감싸서 태그 적용을 하였습니다. - 글자 속성은, 크기는 15포인트, 색깔은 검정, 글자가 표현될 영역 가로폭은 100픽셀, 세로폭은 50픽셀로 지정하였습니다. 이 폭에 대해서 퍼센트(%), 픽셀(px) 모두 가능하지만 그 차이는 다릅니다. 초급에서 배웠습니다. - 필터는 드롭쉐도우 필터를 적용하였으며 필터 효과는 괄호 안에 있는 내용으로 적용합니다. 드롭쉐도우 필터가 적용되어 만들어지는 쉐도우 글자는, 색깔은 #F7941D 이고, 메인 글자와 쉐도우 글자와의 간격은 15입니다. - 위에 내용을 뜯어보면 (크기:15; 색깔:검정; 필터:드롭쉐도우.....) 명령을 내리는 표시는 :를 사용하였고, 다음명령 구분을 ;로 하였습니다. - 드롭쉐도우 필터는 글자 색깔, 글자 간격을 조절하여 다양한 효과를 나타내는데, color:색깔 - 메인 글자의 색깔을 조절합니다. color=색깔 - 드롭쉐도우 필터로 인해 생기는 쉐도우 글자의 색깔을 조절합니다. height:숫자 - 글자가 표시되는 영역의 세로폭을 조절합니다. 쉐도우 글자 짤림 효과를 나타낼 수 있습니다. offy=숫자 - 메인 글자와 쉐도우 글자 간의 간격을 조절할 수 있습니다. ■ 예제 ■ height (글자폭) 조절 예제
offy (글자 간격) 조절 예제
메인글자, 쉐도우글자 색상효과 예제
| |||||||||||||||||||||||||
 |