이미지 필터 효과 총 집합

예 제 보 기

<table  cellpadding=10 bgcolor=white>
  <tr>
  <td class="BoldWhite" align=center>
   <img src="http://oxtag.com/html/img/model.jpg" id=img1>
  </td>
  <td class="BoldWhite" valign=top>
   <br><br>
   <form>
   
   <select onchange="f.style.filter = value; img1.style.filter = value; hereText.innerText = value; ">
    <option value=""> 원래대로
    <option value="alpha(opacity=30)"> 투명하게
    <option value="blur (strength=50, Direction=315)"> Motion Blur
    <option value="Chroma(Color=lightgreen)"> 특정 색을 투명하게
    <option value="DropShadow(Color=green, OffX=2, OffY=2, Positive=1)"> 드롭 섀도우
    <option value="flipH"> 수평 거울
    <option value="flipV"> 수직 거울
    <option value="glow(Color=white, strength=2)"> 형광등
    <option value="gray"> 흑백
    <option value="invert"> 반전
    <option value="Light"> 빛 투과
    <option value="Mask(Color=green)"> 투명 마스크
    <option value="Shadow(Color=green, Direction=315)"> 그림자
    <option value="Wave(add=1, Freq=3, LightStrength=50, Phase=25, strength=50)"> 웨이브
    <option value="Xray"> X레이
   </select>
   <br><br><br>
   <br>
   ☞ <span id="hereText"></span><br><br>
   <hr align=left width=150><br>
   <div id="f" class="big"></div>
   </form>
  </td>
  </tr>
  </table>