컴.자료실

그림 효과 내는 소스

영지니 2011. 5. 5. 17:08

** 각 소스의 수치를 변경해서 시도해 보세요 **

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

= 원본 이미지 (산골난초_한국춘난)=
< img src="
https://t1.daumcdn.net/cfile/cafe/20138F1149D31425B9">




* 투명한 듯한 그림 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()">