• 돌아가기
  • 아래로
  • 위로
  • 목록
  • 댓글
HTML

이미지에 효과를 주어보자 - 2

오작교 22967

0
4. dropshadow
특정위치에 그림자를 만들어 줍니다. 한가지 주의점은 dropShadow는 DIV, MARQUEE, SPAN, TABLE, TD, TH에만 적용됩니다
속 성 기 능
 color=색명 or RGB색상코드  그림자의 색상을 지정
 offx=수치 offy=수치  대상으로부터 그림자의 x,y좌표
 positive=0 or 1  0 이면 투명필셀, 1 이면 불투명픽셀로부터 그림자를 만들어 줌
 dropshadow명령어는 이미지에서는 적용이 되지 않습니다. 글자에서만 적용이 되죠^^
<div style="width:100; height:35; font-size:18pt; filter:dropshadow(color=#cccccc, offx=10, offy=10, positive=1)"> 장진영</div>
장진영 장진영 장진영 장진영

장진영

장진영
장진영
장진영

 5. fliph , flipv
 수평이미지와 수직이미지를 만들어 줍니다.
명령어 기 능
 fliph  이미지나 글자의 좌우가 바뀌게 되죠
 flipv  이미지나 글자에 상하가 바뀜니다
 이미지나 글자에 상하좌우를 바꿔줍니다. 간단하죠
 <img src="장진영.jpg" style="filter:fliph()">
<div style="width:100; height:25; font-size:15pt; filter:flipv()">장진영</div>

원본

fliph

flipv
장진영
장진영
장진영

 6. glow, gray
 글자나 이미지에 색상효과를 나타내는 명령어입니다
명령어 기능
 glow  글자나 이미지에 지정된 색을 번지게 하는 효과를 나타냅니다
 color=색명 or RGB색상코드 , strength=1~100 번지는 강도를 조절
 gray  이미지를 흑백으로 나타냅니다
<div style="width:100; height:25; font-size:18pt; filter:glow(color=red, strength=10)">장진영 </div> 
<img src=장진영.gif style="filter:gray()">
장진영
장진영
장진영
장진영

 7. invert , mask
 밑에 예제를 보시면 압니당~~!!!^^
명령어 기 능
invert  색도, 채도, 밝기를 반대값으로 나타나게 합니다
mask  불투명한 픽셀은 투명마스크를 씌우고 투명픽셀은 지정된 색으로 마스크를
 씌웁니다. 
 color=색명 or RGB색상코드 
<img src=html.gif style="filter:invert()">
<div style="width:100; height:25; font-size:18pt; filter:mask(color=blue)">장진영</div>

원본

invert

mask(아무것도 안보임)
장진영
장진영
공유
0

댓글 쓰기 권한이 없습니다. 로그인

취소 댓글 등록

신고

"님의 댓글"

이 댓글을 신고하시겠습니까?

댓글 삭제

"님의 댓글"

삭제하시겠습니까?

목록

공유

facebooktwitterpinterestbandkakao story
검색어 : 202008
번호 분류 제목 글쓴이 날짜 조회 추천
공지 HTML HTML 기초 다지기 4 오작교 08.06.17.16:26 290061 0
공지 HTML HTML과 CSS의 종합 정리 1 오작교 07.10.01.10:21 349088 0
공지 일반 스타일시트의 총정리 오작교 06.09.14.13:08 293701 +14
300
normal
오작교 23.12.10.09:32 14438 0
299 Script
normal
오작교 23.12.10.09:29 19720 0
298 CSS
normal
오작교 21.01.09.14:18 40663 0
297 HTML
normal
오작교 15.09.17.08:58 116263 0
296 HTML
normal
오작교 15.09.13.21:38 21532 0
295 HTML
normal
오작교 15.09.13.21:30 25112 0
294 HTML
normal
오작교 15.08.30.12:19 52730 0
293 Script
normal
오작교 15.05.12.14:06 21112 0
292 HTML
file
오작교 12.03.08.13:51 35877 0
291 HTML
normal
오작교 11.06.03.10:44 40696 0
290 CSS
normal
오작교 11.06.03.10:29 70601 0
289 Script
normal
오작교 11.03.22.11:19 43408 0
288 Script
normal
오작교 11.03.22.11:15 38164 0
287 Script
normal
오작교 11.03.22.11:07 37058 0
286 HTML
normal
오작교 11.01.25.10:27 36153 0
285 CSS
normal
오작교 11.01.24.10:40 35326 0
284 HTML
normal
오작교 11.01.24.10:39 37037 0
283 Script
normal
오작교 11.01.24.10:34 38057 0
282 CSS
normal
오작교 11.01.24.10:31 37680 0
281 CSS
normal
오작교 11.01.24.10:27 36157 0