♡──── 컴퓨터학습/태그자료

이미지에 여러 효과주는 소스

풍순 2018. 2. 13. 13:04

 

1. 투명한 효과 (원형으로 흐리게)
<img src="이미지주소" style="filter:alpha(opacity=100, style=2, finishopacity=0)" >

 

2. 햇살이 비치는 효과
<img src="이미지주소" style="filter:blur(direction=135,strength=100)" >

 

3. 오른쪽으로 갈수록, 그림이 연해지는 효과
<img src="이미지주소" style="filter:alpha(style=1, opacity=100, finishopacity=0)" >

 

4. 흑백효과
<img src="이미지주소" style="filter:gray()" >

 

5. 사진에 빛바랜 효과
<img src="이미지주소" style="filter:blur(direction=135,strength=100)" >

 

6. 테두리 번지는 효과 (사각으로 흐리게)
<img src="이미지주소" style="filter:alpha(opacity=100, style=2, finishopacity=0)" >

 

7. 이미지에 필터만으로 그림자주기..
<img src="이미지 주소" width="183" height="59" border="1"style="filter:progid:DXImageTransform.Microsoft.Shadow(color=#BCBCBC,Direction=150,Strength=5)" >

 

**소스안의 수치들을 조절해서 변화를 주어 보세요**