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(아무것도 안보임) |
장진영 |
장진영 | |