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 |
웨이브의 강도를 지정합니다 |
|
10. xray
엑스레이 화면처럼 이미지를 나타나게 해줍니다
속 성 |
기 능 |
xray |
이미지를 흑백으로 나타냅니다 |
<img src=장진영.jpg style="filter:xray()"> |
원본 |
xray | |
이 필터들은 단독으로 사용되지 않고 자바스크립트와 어울려 갖가지 효과를 나타냅니다. revealtrans,blendtrans는 transition(변환) 효과를 가져다 주는데 revealtrans를 xmeta 태그에 사용하면 page transition 효과를 얻을 수도 있습니다.