[스크랩] 이미지에 각종 효과넣기
** 각 소스의 수치를 변경해서 해보세요....^^
*opacity=100(선명도..숫자가높을수록 흐려짐)
style=0(0=원본그림,1=한쪽만흐리게,2=원형으로흐리게,3=사각형)
*원본 이미지 *
< img src="https://t1.daumcdn.net/cfile/cafe/1876DA3A4FC56E2631">
* 투명한 듯한 그림 1-한쪽만 흐리게 *
< img src="https://t1.daumcdn.net/cfile/cafe/1876DA3A4FC56E2631" style="filter=alpha(opacity=100,style=1,finishopacity=0)">
* 투명한 듯한 그림 2-원형으로 흐리게 *
< img src="https://t1.daumcdn.net/cfile/cafe/1876DA3A4FC56E2631" style="filter=alpha(opacity=100,style=2,finishopacity=0)">
* 투명한 듯한 그림 3-사각형으로 흐리게 *
< img src="https://t1.daumcdn.net/cfile/cafe/1876DA3A4FC56E2631" style="filter=alpha(opacity=100,style=3,finishopacity=0)">
* 전체적인 효과 *
< img src="https://t1.daumcdn.net/cfile/cafe/1876DA3A4FC56E2631" style='filter:Alpha(Opacity=50)'>
* 햇살에 비추는 듯한 이미지 *
< img src="https://t1.daumcdn.net/cfile/cafe/1876DA3A4FC56E2631" style="filter:blur(direction=135,strength=100)">
* 흑백 이미지 *
< img src="https://t1.daumcdn.net/cfile/cafe/1876DA3A4FC56E2631" style="filter:gray()">
* 칼라 필림 효과 *
< img src="https://t1.daumcdn.net/cfile/cafe/1876DA3A4FC56E2631" style="filter:invert()">
출처 .. DAUM 청신향님의 블러그