html °­ÁÂÀÔ´Ï´Ù.
Æ÷Åä˜ÞÀÌ ¾Æ´Ï¶óµµ ÇÒ ¼ö ÀÖ´Ù...¹»???
¡¡ ÀͽºÇ÷η¯ÀÇ Æ÷Åä˜Þ "Filter"

ÇÊÅÍ(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


 
 

Copyright ¨Ï2001¡­2003, alza.wo.to All Rights Reserved.