¡¡¡¡¢Û¡¢²»Í¬³ß´ç´óС¹Ø¼ü×ÖµÄʹÓÃ
¡¡¡¡size ²ÎÊý¶¨ÒåÁ˽¥±äµÄ´óС¡£Ëü¿ÉÒÔÊÇÒÔÏÂËĸöÖµ£º
¡¡¡¡¡¡¡¡closest-side ×î½üµÄ±ß
¡¡¡¡¡¡¡¡farthest-side ×îÔ¶µÄ±ß
¡¡¡¡¡¡¡¡closest-corner ×î½üµÄ½Ç
¡¡¡¡¡¡¡¡farthest-corner ×îÔ¶µÄ½Ç£¬Ä¬ÈÏÖµ¡£
¡¡¡¡×¢Ò⣺ĿǰËùÓÐä¯ÀÀÆ÷¶¼²»Ö§³Ö¸Ã²ÎÊý£¬µ«ÊÇ¿ÉÒÔÌí¼ÓÏàÓ¦ä¯ÀÀÆ÷µÄ˽ÓÐǰ׺À´»ñµÃÖ§³Ö¡£¾ßÌåʹÓòÎÕÕÏÂÃæ´úÂë¡£
¡¡¡¡ÏÂÃæµÄÀý×Ó£¬ÊÇ´øÓв»Í¬³ß´ç´óС¹Ø¼ü×ֵľ¶Ïò½¥±ä£º
¾¶Ïò½¥±ä - ¹Ø¼ü×Öclosest-side£¨×î½üµÄ±ß£©£ºfarthest-side£¨×îÔ¶µÄ±ß£©£ºclosest-corner£¨×î½üµÄ½Ç£©£ºfarthest-corner£¨Ä¬ÈÏ£¬×îÔ¶µÄ½Ç£©£º
¡¡¡¡ÔÚ Chrome ÖÐÏÔʾÈçÏ£º
¡¡¡¡¢Ü¡¢Öظ´µÄ¾¶Ïò½¥±ä
¡¡¡¡repeating-radial-gradient() º¯Êý¿ÉÓÃÓÚÖظ´¾¶Ïò½¥±ä¡£
¡¡¡¡ÏÂÃæµÄÀý×Ó£¬´´Ò»¸ö¾¶Ïò½¥±ä£º
¾¶Ïò½¥±ä - Öظ´
¡¡¡¡ÔÚ Chrome ÖÐÏÔʾÈçÏ£º
5¡¢CSS3 Îı¾Ð§¹û
¡¡¡¡ÔÚ CSS3 ÖÐÔö¼ÓÁ˶à¸öÎı¾ÊôÐÔ£¬¿ÉÓÃÓÚ¸üºÃµÄչʾÎı¾ÄÚÈÝ¡£
¡¡¡¡(1)¡¢CSS3 Îı¾ÒõÓ°
¡¡¡¡CSS3 µÄ text-shadow ÊôÐÔ¿ÉÓÃÓÚ´´½¨Îı¾ÒõÓ°¡£
¡¡¡¡¿ÉÒÔÖ¸¶¨Ë®Æ½ÒõÓ°¡¢´¹Ö±ÒõÓ°¡¢Ä£ºý¾àÀëÒÔ¼°ÒõÓ°µÄÑÕÉ«¡£
¡¡¡¡Óï·¨£º
text-shadow: h-shadow v-shadow blur color;
¡¡¡¡×¢Ò⣺text-shadow ÊôÐÔÏòÎı¾Ìí¼ÓÒ»¸ö»ò¶à¸öÒõÓ°¡£ÊôÐÔÊÇÒõÓ°£¬Ã¿¸öÒõÓ°ÓÐÁ½¸ö»òÈý¸ö³¤¶ÈÖµºÍÒ»¸ö¿ÉÑ¡µÄÑÕÉ«Öµ½øÐй涨¡£Ê¡ÂԵij¤¶ÈΪ 0¡£Ä¬ÈÏֵΪ none¡£
¡¡¡¡h-shadow ±ØÐ衣ˮƽÒõÓ°µÄλÖá£ÔÊÐí¸ºÖµ¡£
¡¡¡¡v-shadow ±ØÐè¡£´¹Ö±ÒõÓ°µÄλÖá£ÔÊÐí¸ºÖµ¡£
¡¡¡¡blur ¿ÉÑ¡¡£Ä£ºýµÄ¾àÀë¡£
¡¡¡¡color ¿ÉÑ¡¡£ÒõÓ°µÄÑÕÉ«¡£
¡¡¡¡IE10+¡¢Firefox¡¢Chrome¡¢Safari ºÍ Opera ¶¼Ö§³Ö text-shadow ÊôÐÔ£¬IE9 ²»Ö§³Ö¡£
¡¡¡¡ÏÂÃæµÄÀý×Ó£¬Ïò±êÌâÌí¼ÓÒõӰЧ¹û£º
Îı¾ÒõÓ°ÎÒÊÇ´ó±êÌâ
¡¡