이미지 효과주기

 

 

각 소스의 수치를 변경해서 해보세요....*^^* **

opacity=100(선명도..숫자가** 높을수록 흐려짐)
style=0(0=원본그림,1=한쪽만흐리게,2=원형으로흐리게,3=사각형)

* 원본 이미지 *
< img src="http://melody123.com.ne.kr/img/f184.jpg">




* 투명한 듯한 그림 1-한쪽만 흐리게 *

< img src="http://melody123.com.ne.kr/img/f184.jpg" style="filter=alpha(opacity=100,style=1,finishopacity=0)">



* 투명한 듯한 그림 2-원형으로 흐리게 *

< img src="http://melody123.com.ne.kr/img/f184.jpg" style="filter=alpha(opacity=100,style=2,finishopacity=0)">



* 투명한 듯한 그림 3-사각형으로 흐리게 *

< img src="http://melody123.com.ne.kr/img/f184.jpg" style="filter=alpha(opacity=100,style=3,finishopacity=0)">




* 전체적인 효과 *

< img src="http://melody123.com.ne.kr/img/f184.jpg" style='filter:Alpha(Opacity=50)'>




* 햇살에 비추는 듯한 이미지 *

< img src="http://melody123.com.ne.kr/img/f184.jpg" style="filter:blur(direction=135,strength=100)">




* 흑백 이미지 *

< img src="http://melody123.com.ne.kr/img/f184.jpg" style="filter:gray()">




* 칼라 필림 효과 *

< img src="http://melody123.com.ne.kr/img/f184.jpg" style="filter:invert()">