본문 바로가기
자료/태그자료

이미지 필터적용하기

by 임실사랑 2008. 7. 20.

<img style="filter:alpha(opacity=80,finishopacity=2,style=4)"img src=이미지 주소>

 

style=4

style=3

style=2

 

 

 

style=1

opacity=100

opacity=80

opacity=60

opacity=40

opacity=20

opacity=0

finishopacity=2

finishopacity=5

finishopacity=10

finishopacity=20

finishopacity=30

finishopacity=50


<img src="
이미지 주소" border=0>
기본 바탕의 이미지 입니다.
그레이 스케일로 바꿉니다
<img style="FILTER: gray()" src="
이미지 주소" border=0>.
<img style="FILTER: alpha(opacity=100, style=2, finishopacity=0)" src="이미지 주소" border=0>
opacity (불투명도) : 기본값은 100 이며 0~100까지 수치조절, 숫자가 작을수록 투명해짐
style (모양) : 0~3까지 선택, 0은 단일, 1은 선형, 2는 타원형, 3은 직사각형
finishOpacity : style 1,2,3 의 경우 불투명도에 영향을 줌, 0~100 까지 수치조절
<style="FILTER: blur(add=1, direction=45,strength=50)" src="이미지 주소" border=0>
add :원본 이미지를 합칠 것인가를 결정합니다. 1이면 yes, 0이면 no!
direction: 방향 = 시계방향 각도로 표시됩니다. 0, 45, 90, 135, 180, 225, 270, 315 값.
strength :강도 조절 1에서 100까지의 값을 가집니다.
<style"FILTER: wave(strength=3,freq=3,lightstrength=10,phase=25,add=0)" src="이미지 주소" border=0>
add : 원본 이미지를 합칠 것인가를 결정합니다. 1이면 yes, 0이면 no!
freq : wave의 갯수 strength : 웨이브 효과의 강도(1~100)
lightstrength : 웨이브 효과에서 빛의 강도의 퍼센트 값입니다(0~100)
phase : 웨이브 효과의 시작 위치로 0(0도)~100(360도)사이의 값을 가집니다. 만약 25이면 90도가 시작 위치가 됩니다.
<img src=이미지 주소 border=0 style="filter:chroma(color=blue)">
chroma (지정된 색을 투명하게 함)
<img src=이미지 주소 border=0 style="filter:invert()">
invert 색조(hue), 채도(saturation), 밝기(brightness) 값을 반대로 만들어 줍니다.
<img src=이미지 주소 border=0 style="filter:fliph()">
fliph : 이미지의 좌우가 바뀌게 되죠
<img src=이미지 주소 border=0 style="filter:xray()">
xray : xray사진들 아시죠.
<img src=이미지 주소 border=0 style="filter:flipv()">
flipv : 이미지의 상하가 바뀜니다.
BARAM
<div style="width:120; height:35; color: #0000ff; font-size:30pt; filter:mask(color=black)">MASK

댓글