반응형
SMALL
원본
햇살에 비추는듯한 효과
<IMG src="그림주소" style="filter:blur(direction=135,strength=100)">
투명한듯한 효과 <IMG src="그림주소" style="filter:alpha(opacity=100, style=2, finishopacity=0)">
흑백효과 <IMG src="그림주소" style="filter:gray()"> |
파스텔효과
<img src="이미지 주소"
style="filter=alpha(opacity=100,style=2,finishopacity=0)"
width="140" height="100">
물결효과
<img src="이미지 주소"
style="filter:wave(strength=8,freq=3,lightstrength=10,phase=25,add=0)" width="140" height="100">
엑스레이 효과
<img src="이미지 주소"
style="filter:xray()" width="140" height="100">
위아래가 바뀜
<img src="이미지 주소"
style="filter:flipv()" width="140" height="100">
좌우가 바뀜
<img src="이미지 주소"
style="filter:fliph()" width="140" height="100">
반전 효과
<img src="이미지 주소"
style="filter:invert()" width="140" height="100">
속성 팁
사진 사이즈 조절
가로 width="140" --> width="200"
세로 height="100" --> height="150"
반응형