CAFE

◇.....컴퓨터 상식

[스크랩] 이미지 효과넣기

작성자동성이|작성시간18.11.02|조회수217 목록 댓글 1

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

 

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

*** 원본 이미지***
< img src="http://cfile262.uf.daum.net/image/1876DA3A4FC56E2631AC0F">



*** 투명한 듯한 그림 1-한쪽만 흐리게 ***
< img src="http://cfile262.uf.daum.net/image/1876DA3A4FC56E2631AC0F" style="filter=alpha(opacity=100,style=1,finishopacity=0)">



*** 투명한 듯한 그림 2-원형으로 흐리게 ***
< img src="http://cfile262.uf.daum.net/image/1876DA3A4FC56E2631AC0F" style="filter=alpha(opacity=100,style=2,finishopacity=0)">




*** 투명한 듯한 그림 3-사각형으로 흐리게 ***
< img src="http://cfile262.uf.daum.net/image/1876DA3A4FC56E2631AC0F" style="filter=alpha(opacity=100,style=3,finishopacity=0)">



*** 전체적인 효과 ***
< img src="http://cfile262.uf.daum.net/image/1876DA3A4FC56E2631AC0F" style='filter:Alpha(Opacity=50)">



*** 햇살에 비추는 듯한 이미지 ***
< img src="http://cfile262.uf.daum.net/image/1876DA3A4FC56E2631AC0F" style="filter:blur(direction=135,strength=100)">



*** 흑백 이미지 ***
< img src="http://cfile262.uf.daum.net/image/1876DA3A4FC56E2631AC0F" style="filter:gray()">



*** 칼라 필림 효과 ***
< img src="http://cfile262.uf.daum.net/image/1876DA3A4FC56E2631AC0F" style="filter:invert()">

다음검색
현재 게시글 추가 기능 열기
  • 북마크
  • 공유하기
  • 신고하기

댓글

댓글 리스트
  • 작성자나사로 | 작성시간 18.11.03 감사 드립니다. 행복 하세요.
댓글 전체보기
맨위로

카페 검색

카페 검색어 입력폼