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