ÇÊÅÍ(filter)¿¡
´ëÇØ ¹è¿ì°Ú½À´Ï´Ù. ÀÌ°ÍÀº ÀͽºÇ÷η¯ 4.0 À̻󿡼¸¸ Àû¿ëµÇÁö¸¸
±×·¡ÇÈÆíÁý ÇÁ·Î±×·¥¿¡¼¸¸ º¼ ¼ö Àִ Ư¼öÇÑ È¿°ú¸¦ ¾ÆÁÖ ½±°Ô ±¸ÇöÇÒ ¼ö
ÀÖ´Ù´Â Á¡¿¡¼ ¹è¿öµÎ¸é ²Ï À¯¿ëÇÏ°Ô »ç¿ëÇÒ ¼ö ÀÖ±¸¿ä.... ±×¸®°í
ÇÊÅ͸¦ ÀνÄÇÏÁö ¸øÇÏ´Â ºê¶ó¿ìÀú¶óµµ ¿¡·¯°¡ ³ª´Â °ÍÀº ¾Æ´Ï´Ï±î °¡½¿ Á¹À̸ç
»ç¿ëÇÒ ÇÊ¿ä´Â ¾ø½À´Ï´Ù...
Filter???
Æ÷Åä¼¥À̳ª ÆäÀÎÆ®¼¥À» »ç¿ëÇغ» ºÐµéÀº ÇÊÅÍ¿¡ ´ëÇØ µé¾îº» ÀûÀÌ ÀÖÀ» °Ì´Ï´Ù.
À¥ ¹®¼¿¡¼ ÇÊÅͶõ À̹ÌÁö³ª ´Ù¸¥ HTML ¿ä¼Ò¿¡ ´Ù¾çÇÑ È¿°ú¸¦ ÁÖ±â À§ÇØ
»ç¿ëµÇ´Âµ¥ À̸¦ ÀÌ¿ëÇÏ¸é °®°¡Áö Èï¹Ì·Î¿î È¿°ú¸¦ ¾òÀ» ¼ö ÀÖ½À´Ï´Ù. ÀͽºÇ÷η¯
4.0¿¡¼ Á¦°øµÇ´Â ÇÊÅÍ´Â ¸ðµÎ 17°¡Áö·Î ¾Æ·¡¿Í °°½À´Ï´Ù.
alpha |
blendTrans
|
blur
|
chroma
|
dropShadow
|
flipH
|
flipV
|
glow |
gray
|
invert |
light |
mask |
redirect |
revealTrans
|
shadow |
wave |
xray |
¡¡ |
* À§ÀÇ ÇÊÅÍ
Áß blendTrans¿Í revealTrans´Â transition(º¯È¯)
È¿°ú¿Í °ü·Ã ÀÖ½À´Ï´Ù
[ÇÊÅÍÀÇ
»ç¿ë¹ý]
ÇÊÅÍ´Â ½ºÅ¸ÀÏ ½ÃÆ®¿Í ¿¬°üµÇ¾î »ç¿ëµÉ ¼ö ÀÖ½À´Ï´Ù. ¾Æ·¡´Â ÀζóÀÎ ½ºÅ¸ÀÏÀ»
ÀÌ¿ëÇؼ °£´ÜÈ÷ ÇÊÅ͸¦ Àû¿ë½ÃÅ°´Â ¹æ¹ýÀÔ´Ï´Ù.
<Tag-name STYLE="filter:filtername(parameters1,parameters,..)">
ÇÊÅÍ´Â ÀϹÝÀûÀ¸·Î BODY, DIV, IMG, INPUT, MARQUEE,
SPAN, ABLE,TD,TEXTAREA, TH ű׿¡¼ »ç¿ëµÉ ¼ö ÀÖ½À´Ï´Ù.(´Ü
dropShadow´Â DIV, MARQUEE, SPAN, TABLE, TD,
TH¿¡¸¸ Àû¿ëµÊ)
1.alpha
alpha ÇÊÅ͸¦ »ç¿ëÇؼ ±ÛÀ̳ª À̹ÌÁöÀÇ Åõ¸íµµ¸¦ Á¶ÀýÇÒ ¼ö ÀÖ½À´Ï´Ù.
¼Ó¼º(properties)
|
¼³ ¸í
|
opacity(ºÒÅõ¸íµµ)
|
±âº»°ª(default)Àº 100À̸ç
0(¿ÏÀüÈ÷ Åõ¸íÇÑ °æ¿ì)¿¡¼ 100(¿ÏÀüÈ÷ ºÒÅõ¸íÇÑ °æ¿ì)±îÁöÀÇ
°ªÀ» °¡Áý´Ï´Ù.
|
style
|
ºÒÅõ¸íµµ Áõ°¨ ¸ð¾çÀ» ÁöÁ¤ÇÕ´Ï´Ù. 0(±âº»°ª)¿¡¼
3±îÁöÀÇ °ªÀ» °¡Áö¸ç, 0Àº ´ÜÀÏ(uniform), 1Àº ¼±Çü(linear),
2´Â ¹æ»çÇü(radial), 3Àº Á÷»ç°¢Çü(rectangular)
¸ð¾çÀ¸·Î ºÒÅõ¸íµµ°¡ Áõ°¨ÇÕ´Ï´Ù.
|
finishOpacity
|
ÀÌ ¼Ó¼º¿¡ ÁöÁ¤µÈ °ª¿¡ À̸£¸é ºÒÅõ¸íµµ
Áõ°¨À» ¸¶Ä¡°Ô µË´Ï´Ù. ÀÌ°ÍÀº style ¼Ó¼º°ªÀÌ 1,2,3
ÀÏ ¶§¸¸ Àû¿ëµÇ¸ç 0(±âº»°ª)¿¡¼ 100±îÁöÀÇ °ªÀ» °¡Áý´Ï´Ù.
|
startX / startY
(finishX / finishY)
|
ºÒÅõ¸íµµ Áõ°¨ ½ÃÀÛ(³¡) x,y ÁÂÇ¥¸¦
ÁöÁ¤ÇÕ´Ï´Ù. ±×·±µ¥ style ¼Ó¼º°ªÀÌ 1,2,3 ÀÏ ¶§ Àû¿ëµÈ´Ù´Â
MSÃøÀÇ ¼³¸í°ú´Â ´Þ¸® style=1À» Á¦¿ÜÇÏ°í´Â Á¦´ë·Î Àû¿ëÀÌ
µÇÁö ¾Ê´Â °Í °°½À´Ï´Ù. ÀÌ°ÍÀº ÇÊÅÍ°¡ Àû¿ëµÇ´Â ´ë»óÀÇ % °ªÀ¸·Î
¿¹¸¦ µé¾î startX=30 ÀÌ¸é °¡·Î 30%ÁöÁ¡ÀÌ Áõ°¨ÀÇ ½ÃÀÛÁ¡ÀÌ
µË´Ï´Ù.
|
<img src=ooo.jpg> |
<img src=ooo.jpg
STYLE="filter:alpha
(opacity=100, style=2, finishopacity=0)"
> |
|
|
À§¿¡¼
¿ÞÂÊ À̹ÌÁö°¡ ¿øº»ÀÌ¸ç ¿À¸¥ÂÊÀÌ alpha ÇÊÅ͸¦ Àû¿ë½ÃŲ °ÍÀÔ´Ï´Ù. ¾î¶»½À´Ï±î?
¸ÚÀÖÁö ¾Ê½À´Ï±î? (ÁÖÀÇ: À§ÀÇ ¿¹Á¦¿¡¼ alpha¿Í °ýÈ£() »çÀÌ¿¡
½ºÆäÀ̽º¹Ù¸¦ »ç¿ëÇÏ¸é ¾ÈµË´Ï´Ù.)
¿À´ÃÀº
ÀͽºÇ÷η¯ÀÇ ÇÊÅÍ¿¡ ´ëÇÑ °£´ÜÇÑ ¼³¸í°ú ±× ¸Àº¸±â·Î alpha ÇÊÅÍ¿¡ ´ëÇؼ
¹è¿ü½À´Ï´Ù. ´ÙÀ½¿¡ À̾îÁý´Ï´Ù...
http://msdn.microsoft.com/workshop/author/filter/reference/reference.asp
|