이미지 명암변신하기

돈키호테2003.05.04
조회186

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

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

* 원본 이미지 *


< img src="http://ha927.com.ne.kr/imge/life/003.gif">


이미지 명암변신하기



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

< img src="http://ha927.com.ne.kr/imge/life/003.gif" style="filter=alpha(opacity=100,style=1,finishopacity=0)">

이미지 명암변신하기



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

< img src="http://ha927.com.ne.kr/imge/life/003.gif" style="filter=alpha(opacity=100,style=2,finishopacity=0)">

이미지 명암변신하기



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

< img src="http://ha927.com.ne.kr/imge/life/003.gif" style="filter=alpha(opacity=100,style=3,finishopacity=0)">

이미지 명암변신하기



* 전체적인  효과 *

< img src="http://ha927.com.ne.kr/imge/life/003.gif" style='filter:Alpha(Opacity=50)'>

이미지 명암변신하기



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

< img src="http://ha927.com.ne.kr/imge/life/003.gif" style="filter:blur(direction=135,strength=100)">

이미지 명암변신하기



* 흑백 이미지 *

< img src="http://ha927.com.ne.kr/imge/life/003.gif" style="filter:gray()">

이미지 명암변신하기



* 칼라 필림 효과 *

< img src="http://ha927.com.ne.kr/imge/life/003.gif" style="filter:invert()">

이미지 명암변신하기


var Long_URL=document.domain; TMPdomain=Long_URL.split(".");if (TMPdomain.length==4) { ID = TMPdomain[0]; } else { ID = TMPdomain[TMPdomain.length - 4]; } document.writeln('이미지 명암변신하기') 이미지 명암변신하기