태그] 이미지 효과주기

<IMG style=효과주기소스 src="그림주소">

 

 

원본 이미지 

 

 

1. 칼라필름 효과 : style="filter:invert()"

 

 

2. 희미한 원 :  style="FILTER: alpha(opacity=100,style=2, finishopacity=0)" 

 

※ style="filter:alpha(Opacity=50)"  전체가 흐린 이미지 

opacity=100(선명도=숫자가 낮을수록 흐려짐)

※ style=0 (0=원본그림, 1=한쪽만흐리게, 2=원형으로흐리게, 3=사각형으로 흐리게)

 

 

 

 

3. 햇살비추듯 흐린효과 : style="filter:blur(direction=135,strength=100)"

 

 

4. 좌우가 바뀜 : style="filter:fliph()"

 

 

5. 위 아래가 바뀜 : style="filter:flipv()"

 

 

6. 흑백효과 : style="filter:gray()"

 

 

7. 물결 효과 : style="filter:wave(strength=8,freq=3,lightstrength=10,phase=25,add=0)"

 

 

8. x-ray 효과 : style="filter:xray()"

 

 

Tip : 이미지 크기 등을 변화시키고 싶으면 각 명령어에 수치를 입력하면 됨.(빨간 글자 부분 임)
<IMG style="FILTER: alpha(opacity=100,style=3, finishopacity=0)" src="https://t1.daumcdn.net/cfile/blog/16382E354F49BD3A0B" class="txc-image" actualwidth="640" finishopacity="0)" border="0" hspace="1" vspace="2" width="640" height="430" />