html 필터(filter)를 이용하여 글자나 사진꾸미기
|
이번에는 글자나 그림을 꾸며주는 필터에 대해서 설명을 드리겠습니다. 필터란? 포토샵에서 많이 사용하는 기능인데.. 글자나 그림에 꾸밈을 가하는 것입니다. 예컨데 아래 그림같이 원래 형태가 아닌 변화를 주는 것이지요..
위 그림처럼 나타나게 하는 소스
<IMG style="FILTER: alpha(opacity=80,style=2,finishopacity=2)" border=0 src="http://flowergallery.hihome.com/flowergallery/ChangK-FG-FTP/CK-Groom-FTP/Im002069-1.jpg" width=155 height=124> /
<IMG style="FILTER: alpha(opacity=80,style=3,finishopacity=1)" border=0 src="http://i.photo.empas.com/setup16/NzQ5MDM4/setup16_1/MQ==/*/st.tsp/2000001/zine09.jpg" width=100 height=125> <SPAN style="FILTER: shadow(color=gray,direction=210); WIDTH: 100px; HEIGHT: 50px; FONT-SIZE: 14px">나이스굿(ngzone.kr)</SPAN> 이용하는데 있어서 들어가는 명령이 많아서 처음에는 사용형식을 외우기가 힘들겠지만 |
/ 
※ 필터(filter)의 사용법
|
형식> . 이미지사용형식 <img src=이미지파일url style="filter:필터속성"> . 글자 사용형식 . 태그 자리에 들어갈 수 있는 태그 : BODY, DIV, IMG, INPUT, MARQUEE, SPAN, TABLE, TD, TEXTAREA, TH . 필터속성 : alpha, blendTrans, blur, chroma, dropShadow, flipH, flipV, glow, gray, invert, 위의 예에서 을 사용했는데 다른 태그가 들어가도 됩니다. |
필터들 속성중 이번 시간은 Shadow에서 대해서 설명을 드리겠습니다.
shadow는 글자에 지정한 색으로 그림자를 만들어줍니다.
|
사용법 |
<div style="width:글자의넓이; height:글자의높이; filter:shadow(color=색,direction=각도)"> |
|
설명 |
사용형식을 잘 보시고 그대로 적용을 하시면 됩니다. 형식에서 shadow()에 있는 color는 |
|
예제 |
<div style="width:300; height:25; font-size:15pt; color:deeppink; filter:shadow(color=F7C4DE, direction=45)"> <font color="#FF0099"><b>글자꾸미기 관악산 따먹기</b></font></div> |
|
결과 |
글자꾸미기 나이스굿 |
- 현대해상 태아보험 보장내용 및 가입방법 (0)2011/01/18
- 의료실비보험 비교. 100세만기? 80세만기 차이점 (0)2011/01/18
- 의료실비보험 추천 및 실손의료보험 비교사이트 (0)2011/01/18
- 의료실비보험 비교 및 의료실손보험 가입팁~ (0)2011/01/18
- 비갱신형암보험 이것만은 알고가입하자! 암보험비... (0)2011/01/18
- 운전자보험 추천 및 가입시주의사항, 비교사이트 (0)2011/01/18
- 의료실비보험 추천, 의료실비보험 비교 및 가입시... (0)2011/01/14
- html 필터(filter)를 이용하여 글자나 사진꾸미기 (0)2010/09/29
- 사랑에 관한 10가지 명언 (2)2010/09/16
- 경조금, 회비, 용돈 휴대폰으로 보낸다. (0)2010/08/13
