이미지에 효과를 주어보자 - 3

8. shadow
 dropshadow와 비슷한 명령어지만 약간에 다른 효과를 내는군요

속 성	기 능
color=색명 or RGB색상코드	효과를 나타낼 색상을 지정합니다
direction	나타나게될 그림자의 방향을 결정, 시계방향으로 0 45 90 135 180 225 270 315의 값을 지정
이것도 마찬가지로 이미지에서는 적용이 잘 되지 않습니다. 글자에서 주로 사용할 수 있는 필터입니다  <div style="width:100; height:25; font-size:18pt; filter:shadow(color=#cccccc,direction=45)">장진영</div> 원본 장진영 장진영 장진영 변환 장진영 장진영 장진영

 9. wave
 물결모양으로 효과를 주는 역할을 합니다

속 성	기 능
add=0 or 1	원본이미지를 합칠경우 0, 그렇지 않을 경우 1
freq=수치	wave의 개수를 결정
lightstrength=0~100	wave에서 빛의 강도 %
phase=0~100	웨이브 효과의 시작위치를 나타냅니다
strength=1~100	웨이브의 강도를 지정합니다
<img src=장진영.jpg style="filter:wave(strength=8,freq=3,lightstrength=10,phase=25,add=0)"> 원본 음....--; 누구??? 장진영

 10. xray
엑스레이 화면처럼 이미지를 나타나게 해줍니다

속 성	기 능
xray	이미지를 흑백으로 나타냅니다
<img src=장진영.jpg style="filter:xray()"> 원본 xray

 이 필터들은 단독으로 사용되지 않고 자바스크립트와 어울려 갖가지 효과를 나타냅니다. revealtrans,blendtrans는 transition(변환) 효과를 가져다 주는데 revealtrans를 xmeta 태그에 사용하면 page transition 효과를 얻을 수도 있습니다.