[스크랩] 포토샾 없이 이미지 효과 주기

1. 투명한 효과

lt&img src="이미지주소" style="filter:alpha(opacity=100, style=2, finishopacity=0)">

 

2. 햇살이 비치는 효과

lt&img src="이미지주소" style="filter:blur(direction=135,strength=100)">

 

3. 오른쪽으로 갈수록, 그림이 연해지는 효과

lt&img src="이미지주소" style="filter:alpha(style=1, opacity=100, finishopacity=0)">

 

4. 흑백효과

lt&img src="이미지주소" style="filter:gray()">

 

5. 사진에 빛바랜 효과

lt&img src="이미지주소" style="filter:blur(direction=135,strength=100)">

 

6. 테두리 번지는 효과

lt&img src="이미지주소" style="filter:alpha(opacity=100, style=2, finishopacity=0)">

 

7. 이미지에 필터만으로 그림자주기..

lt&img src="이미지 주소" width="183" height="59" border="1" style="filter:progid:DXImageTransform.Microsoft.Shadow(color=#BCBCBC,Direction=150,Strength=5)">

 

 

 

빨간글자를 붙여넣으면 사진원본이 변합니다

 

 

 

 

ex)

<p><img src="https://t1.daumcdn.net/cafefile/pds44/12_cafe_2007_07_31_16_20_46aee2b91750d&.jpg" style="filter:alpha(opacity=100, style=2, finishopacity=0)"></p>

출처 : 포토샾 없이 이미지 효과 주기

글쓴이 : 월배 원글보기

메모 :