필터효과는 사진 뿐만 아니라 글이나 버튼등에도 사용할 수 있어요.

원본 이미지 드롭쉐도우::사진 밑쪽에 그림자 생김 <IMG border=1 src=http://haxim.kr/new/img/sample/007.gif  style="FILTER: progid:DXImageTransform.Microsoft.dropShadow( Color=gray,offX=5,offY=5,positive=true)"> 블로어::사진의 촛점이 흐려짐 <IMG border=1 src=http://haxim.kr/new/img/sample/007.gif> style="FILTER: progid:DXImageTransform.Microsoft.Blur( PixelRadius=5,MakeShadow=false);"> 크로마::정해진 색만 투명이 됨 <IMG border=1 src=http://haxim.kr/new/img/sample/007.gif style="FILTER: progid:DXImageTransform.Microsoft.Chroma( Color=black);" > 알파::스타일1 <IMG border=1 src=http://haxim.kr/new/img/sample/007.gif style="FILTER:Alpha(style=1);"> 알파::스타일2 <IMG border=1 src=http://haxim.kr/board/bbs/template/img/estar.gif style="filter:alpha(style=2);"> 알파::스타일3 <IMG border=1 src=http://haxim.kr/board/bbs/template/img/estar.gif style="filter:alpha(style=3);"> 알파::스타일4 <IMG border=1 src=http://haxim.kr/new/img/sample/007.gif style="filter:alpha(opacity=40, style=4);"> 플립브이::상하반전 <IMG border=1 src=http://haxim.kr/new/img/sample/007.gif style="filter:flipv();"> 플립에이치::좌우반전 <IMG border=1 src=http://haxim.kr/new/img/sample/007.gif style="filter:fliph();"> 플립브이에이치::역상하반전 <IMG border=1 src=http://haxim.kr/new/img/sample/007.gif style="filter:flipv fliph();"> 인버트::색반전 <IMG border=1 src=http://haxim.kr/new/img/sample/007.gif style="FILTER:invert();"> 그레이::흑백효과 <IMG border=1 src=http://haxim.kr/new/img/sample/007.gif style="FILTER:gray();"> 엠보스::사진이 조각처럼 튀어 나옴 <IMG border=1 src=http://haxim.kr/new/img/sample/007.gif style="FILTER:progid:DXImageTransform.Microsoft.Emboss(); " > 엔그래브::사진에 골이 생김(엠보스의 반대) <IMG border=1 src=http://haxim.kr/new/img/sample/007.gif style="FILTER: progid:DXImageTransform.Microsoft.Engrave( ); "> 글로우::네온 형광체처럼 피어 남  <IMG border=1 src=http://haxim.kr/new/img/sample/007.gif style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#ff00ff,strength=5);" > 그라디언트::위치에 따라 서서히 바뀌어진 색 <span style="padding:50px; width:100px; height:100px;  FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ff00ff,endColorStr=#00ff99); " >     <IMG border=1 src=http://haxim.kr/new/img/sample/007.gif> </span> 참고::그라디언트필터는 배경이기 때문에 빈공간에서만 보인답니다. 공간을 만들기 위해 span 태그로 감싸 padding:50px; 으로 공백을 주었어요. span 태그는 자기는 아무역활도 못하지만 지금처럼 이미지태그를 감싸어 효과를 주는 것처럼 영역으로 사용할 수 있어요.  <span style="스타일효과">효과를 줄 내용</span>   모션블로우::달리는 것처럼 끌림이 보임  <IMG border=1 src=http://haxim.kr/new/img/sample/007.gif style="FILTER: progid:DXImageTransform.Microsoft.Moti[안내]태그제한으로등록되지않습니다-xxonBlur(direction=90,strength=12); " > 픽셀레이트::모자이크처리 <IMG border=1 src=http://haxim.kr/new/img/sample/007.gif style="FILTER: progid:DXImageTransform.Microsoft.Pixelate( maxsquare=10);" > 웨이브::파도처럼 구불거리는 효과(깃발효과) <IMG border=1 src=http://haxim.kr/new/img/sample/007.gif style="FILTER: progid:DXImageTransform.Microsoft.Wave(freq=1,LightStrength=10,Phase=10,Strength=10); " > 필터효과는 사진 뿐만 아니라 글이나 버튼등에도 사용할 수 있어요. <button style="padding:10px; FILTER: progid:DXImageTransform.Microsoft.Wave(freq=1,LightStrength=10,Phase=2,Strength=3);"> 눌러주세요</button> http://haxim.kr <span style="font-size:20pt; font-family:time; width:10px; background-color:#0066FF; color:white; padding:15px; FILTER: progid:DXImageTransform.Microsoft.Wave(freq=2,LightStrength=30,Phase=30,Strength=3); "><NOBR><b> http://haxim.kr</b></NOBR></span>  <input size=20 value="아이디"  style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#0000ff,strength=5);" >