鎴戞槸鍏紬鍙风嚎涓嬫淳瀵规父鎴忕殑浣滆€匟ullQin锛堟杩庡叧娉ㄥ叕浼楀彿锛屽彂閫佸姞寰俊锛屼氦鏈嬪弸锛?杞彂鏈枃闇€瑕佷綔鑰匟ullQin鎺堟潈銆傛垜鐙珛寮€鍙戜簡銆婅仈鏈烘娓稿悎闆嗐€嬶紝杩欐槸涓€涓綉椤碉紝鍦ㄨ繖閲屼綘鍙互杞绘澗鍦板拰鏈嬪弸涓€璧风帺缃戠粶娓告垙锛屼簲瀛愭绛夋父鎴忥紝涓嶆敹璐癸紝涔熸病鏈夊箍鍛娿€傝繕涓篏ameJam2022寮€鍙戜簡銆奃ice Crush銆嬶紝鍠滄鐨勮瘽鍙互鍏虫敞鎴慔ullQin鍝鏈夌┖鎴戜細鍒嗕韩鍒朵綔娓告垙鐨勭浉鍏虫妧鏈€?銆侀亣鍒颁竴涓棶棰橈細鑷繁鍐欑綉椤垫牱寮忥紝鎬绘病鏈夆€滈珮绾ф劅鈥濄€傚鏋滀笉缁欎綘浠讳綍缁勪欢搴擄紝璁╀綘浠?寮€濮嬪紑鍙戜竴涓綉椤碉紝鑷繁璁捐鏍峰紡锛屼綘鎬庝箞鍔烇紵浣犲彲鑳介亣鍒拌繃杩欐牱鐨勬劅瑙夛細鎴戠殑缃戦〉鐨勮壊鍙锋槸缁忚繃绮惧績鎸戦€夌殑锛岃缃簡鏌愮鑳屾櫙鑹插拰鏌愮鐐圭紑鑹诧紝浣嗙湅璧锋潵骞朵笉鈥滈珮妗ｂ€濄€傛瘮濡傝繖鏄垜涔嬪墠寮€鍙戠殑涓€涓綉椤碉細鎴戣缃簡鑳屾櫙鑹?fee9f5锛岀偣缂€鑹?e8e4f5锛堢湡鏄簿鎸戠粏閫変簡鍑犱釜灏忔椂锛夈€備絾鎰熻寰堟甯搞€?.瀵绘壘闂鐨勮В鍐虫柟妗堜负浜嗗緱鍒扮瓟妗堬紝鎴戣瘯鐫€鎵撳紑antdesign銆傚笇鏈涚湅鐪嬪畠鐨勫鑸爮锛岀敤浠€涔堥鏍硷紝鑳界湅璧锋潵杩欎箞鈥滈珮绾р€濄€傝繕鏄緢濂芥壘鐨勶紝鍥犱负闄や簡鈥減osition鈥濈浉鍏崇殑鏍峰紡锛屽叾浣欑殑閮藉彲浠ラ€氳繃娣樻卑寰楀埌銆傜瓟妗堟槸锛歜ox-shadow銆備篃灏辨槸璇达紝鎶婅繖涓牱寮忓姞鍒颁綘鐨勫鑸爮涓婏紝灏变細鏄惧緱鈥滈珮绔€濓紝鎴栬€呰锛氣€滅珛浣撯€濄€俬eader{box-shadow:02px8px#f0f1f2;}3.鎬濊€冭В鍐虫柟妗堬細涓轰粈涔堝姞闃村奖鍚庤瑙変綋楠屼細鎻愬崌锛熼槼鍏夋櫘鐓х殑鏃跺€欙紝澶ф爲閮戒細鏈夊奖瀛愶紝浠讳綍3D鐗╀綋閮戒細鏈夊奖瀛愩€傚綋鐒讹紝鍛堢幇鍦ㄦ垜浠缃戣啘涓婄殑鍏跺疄鏄钩闈㈠浘褰紝浣嗘槸鎴戜滑鐢熸椿鍦ㄤ竴涓?D鐨勪笘鐣岄噷锛屾垜浠殑澶ц剳鍏绘垚浜嗚繖鏍风殑璁ょ煡涔犳儻锛氬鏋滄垜浠湅鍒扮殑涓€鍒囬兘鏈夊奖瀛愶紝閭ｄ箞瀹冨緢鍙兘鏄竴涓?D鐗╀綋锛堝洜涓哄彧aheight楂樺害涓?鐨勭墿鍝佸彲浠ラ伄鎸″お闃冲厜绾垮舰鎴愰槾褰便€傞珮搴︿负0鐨勭墿鍝佷笉浼氭湁闃村奖锛夈€傜被姣旀祻瑙堝櫒鎴戜滑鍙互鎶婃祻瑙堝櫒褰撲綔涓€寮犵焊锛屾垜浠殑缃戦〉浠ｇ爜鍙互鍦ㄧ焊涓婄粯鍒舵垨鏀剧疆鍚勭鍏冪礌銆傚鏋滀綘鎶婃墍鏈変笢瑗块兘鐢诲湪绾镐笂锛屽畠鍙槸涓€涓钩闈㈠浘銆備絾鏄鏋滀綘鎶婁笢瑗挎斁鍦ㄧ焊涓婏紝瀹冨氨浼氭槸涓€涓?D鐗╀綋锛屽畠浼氭湁涓€涓珮搴︺€傛垜浠渶瑕佸€熷姪褰卞瓙璁╁ぇ鑴戜笅鎰忚瘑鍦拌瘑鍒畠鐨勯珮搴︺€傜粰瀵艰埅鏍忓姞闃村奖锛屽氨鏄瀵艰埅鏍忕殑楂樺害楂樹簬涓讳綋閮ㄥ垎锛屽氨鍍忓湪缃戦〉涓婃寜涓嬪鑸爮涓€鏍枫€備互姝ょ被鎺紝鎴戜滑鍙互缁欎换浣曚笢瑗垮姞涓婇槾褰憋紝鍙浣犳兂锛屾槸鏀惧湪缃戦〉涓婄殑锛岃€屼笉鏄敾鍦ㄧ綉椤典笂鐨勩€?.浠€涔坈ss鍙互瀹炵幇闃村奖鏍峰紡锛熸湁璁稿闃村奖鏍峰紡鐨勫疄鐜般€傝繖閲屾帹鑽愪笁涓父鐢ㄧ殑锛岀粷瀵瑰彲浠ヨ鐩栨棩甯哥殑闃村奖鍦烘櫙锛歜ox-shadowtext-shadowfilter涓殑drop-shadowbox-shadow缁欑洅瀛愭ā鍨嬫坊鍔犻槾褰憋紝涔熷氨鏄竟妗嗗懆鍥寸殑闃村奖銆傛槸鈥滃鍣ㄢ€濈殑褰卞瓙銆傝嚦浜庡鍣ㄩ噷闈㈡斁浠€涔堝厓绱狅紝涓嶄細褰卞搷瀹冪殑褰㈢姸銆備緥瀛愶細瀵艰埅鏍忕殑闃村奖锛圚eader锛夈€佽彍鍗曠殑闃村奖锛圡enu锛夈€佸崱鐗囧鍣紙Card锛夈€佹寜閽殑闃村奖锛圔utton锛夈€俠ox-shadow:offset-xoffset-yblur-radiusspreadcolorinset;鍒嗗埆琛ㄧず锛氭按骞抽槾褰卞亸绉伙紝鍨傜洿闃村奖鍋忕Щ锛屾ā绯婅窛绂伙紝闃村奖澶у皬锛岄槾褰遍鑹诧紝浠ュ強灏嗗闃村奖锛坥utset锛夋敼涓哄唴闃村奖銆備簨瀹炰笂锛屼綘涓嶉渶瑕佽浣忚繖浜涖€傚綋浣犺皟鏁磋嚜宸卞枩娆㈢殑闃村奖鍙傛暟鏃讹紝灏嗗畠浠繚瀛樿捣鏉ワ紝浠ュ鏃ュ悗浣跨敤锛岃繖灏辫冻澶熶簡銆倀ext-shadow鏄粰鏂囧瓧鐨勯槾褰憋紝鏂囧瓧鐨勫舰鐘舵槸浠€涔堬紝闃村奖鐨勫舰鐘舵槸浠€涔堛€備緥瀛愶細寰堥€傚悎缁欌€滆〃鎯呮寜閽€濆姞涓婇槾褰憋紝鍥犱负闃村奖鐪嬭捣鏉ヤ細鍜岃〃鎯呬竴妯′竴鏍穨text-shadow:offset-xoffset-yblur-radiuscolor;鍒嗗埆琛ㄧず锛氭按骞抽槾褰卞亸绉婚噺銆佸瀭鐩撮槾褰卞亸绉婚噺銆佹ā绯婅窛绂汇€侀槾褰遍鑹层€俧ilter涓殑drop-shadow灏辨槸缁欏浘鐗囨坊鍔犻槾褰憋紝闃村奖浼氬拰鍥剧墖涓殑涓嶉€忔槑鍏冪礌涓€妯′竴鏍枫€傦紙濡傛灉浣犵殑鍥剧墖瀹屽叏涓嶉€忔槑锛屾晥鏋滅瓑鍚屼簬box-shadow锛岃繖鏃跺€欏缓璁洿鎺ヤ娇鐢╞ox-shadow锛屾€ц兘鏇村ソ銆傦級鍜屼笂闈袱涓浉姣旓紝纭疄鏄敤鐨勬瘮杈冨皯涓€涓紝浣嗗湪鐗规畩鍦烘櫙涓嬶紝浣犱細鐖变笂瀹冦€傛护闀滐細闃村奖锛堝亸绉婚噺-x鍋忕Щ閲?y妯＄硦鍗婂緞棰滆壊锛夛紱鍒嗗埆琛ㄧず锛氭按骞抽槾褰卞亸绉婚噺銆佸瀭鐩撮槾褰卞亸绉婚噺銆佹ā绯婅窛绂汇€侀槾褰遍鑹层€?銆佹坊鍔犻槾褰卞悗鐨勬晥鏋滃ぇ瀹跺彲浠ュ啀鐪嬬湅鏂囩珷鐨勫皝闈㈠浘锛屼綘鑳芥壘鍒板摢閲屾湁闃村奖鍚楋紵鎴戝笇鏈涙斁缃瘡涓氦浜掑厓绱狅紙涓昏鏄寜閽級浠ユ寚绀哄彲浠モ€滄寜涓嬧€濇寜閽紝鍥犳姣忎釜鎸夐挳閮芥湁涓€涓槾褰便€傛枃绔犲紑澶寸殑渚嬪瓙杩樿寰楁枃绔犲紑澶寸殑渚嬪瓙鍚楋紵杩欐槸缁欏畠鍔犱笂闃村奖鍚庣殑鏁堟灉锛屸€滅珛浣撴晥鏋溾€濇补鐒惰€岀敓锛氬叿浣撳寘鎷繖浜涙牱寮忥細header{box-shadow:01px6pxrgb(000/10%);}img{box-shadow:01px3px0rgb(000/10%),01px2px-1pxrgb(000/10%);}.text-shadow{鏂囨湰闃村奖:02px4pxrgb(000/15%);}img:active{box-shadow:04px8px-1pxrgb(000/20%),02px6px-2pxrgb(000/20%);}.text-shadow:active{text-shadow:03px6pxrgb(000/40%);}header浣滅敤浜庡鑸爮锛屾ā绯婅窛绂昏緝澶э紙6px锛夛紝璇存槑绮楀鑸爮鏀惧湪web涓婇〉銆俰mg浣滅敤浜庢墍鏈夊浘鐗囷紝妯＄硦璺濈寰堝皬锛?px锛夛紝璇存槑缃戦〉涓婃斁鐨勬槸钖勫浘鐗囥€傚鏋滀綘鎸変笅瀹冿紝闃村奖浼氬彉鏆椼€?text-shadow浣滅敤浜庡鑸爮鐨刪ome鎸夐挳锛屼綔鐢ㄤ簬瀵艰埅鏍忓彸涓婅鐨勨湪锛屼綔鐢ㄤ簬鍔ㄦ€佸彸涓嬭鐨勷煉紝琛ㄧず杩欎簺鏂囧瓧鏀惧湪缃戦〉涓苟涓斿彲浠ョ偣鍑汇€傚鏋滀綘鎸変笅瀹冿紝闃村奖浼氬彉鏆椼€備负浠€涔堟寜涓嬪悗闃村奖鍙樻繁锛堟縺娲荤姸鎬侊級锛熶富瑕佸師鍥犳槸鎴戠殑缃戠珯涓昏鏄仛绉诲姩绔娇鐢ㄧ殑锛岀洰鐨勬槸涓轰簡璁╃敤鎴锋劅鍙楀埌鈥滃姣斺€濓紝璁╃敤鎴风煡閬撶偣鍑讳簡鍝釜鍏冪礌銆傚鏋滃ぇ瀹舵湁鍏磋叮锛屾垜鍦ㄤ笂涓€绡囨枃绔犱腑寮鸿皟浜嗚繖涓€鐐癸紝娆㈣繋闃呰銆婄敤鎴蜂綋楠屽ソ鐨?Button锛屽湪鎵嬫満涓婁笉搴旇鏈?Hover 鎬併€嬫帹鑽愷煒傚缓璁笉瑕佹互鐢ㄩ槾褰憋紝鍥犱负瀹冧細璁╃綉椤电湅璧锋潵寰堣剰銆傜湅鐪嬫帢閲戦槦锛屽骞插噣鍟娿€傚彧鏈夆€滄诞鍔ㄦ寜閽€濅娇鐢ㄤ簡鏄庢樉鐨勯槾褰憋紝琛ㄦ槑瀹冩湁楂樺害銆?.鍐欏湪鏈€鍚庛€傚鏋滀綘鍜屾垜涓€鏍凤紝鍠滄浠ｇ爜绾噣锛屼笉鎺烘潅鍐椾綑鍔熻兘锛屽彲浠ヨ嚜宸卞啓褰卞瓙鏍峰紡锛屽皝瑁呰嚜宸遍渶瑕佺殑缁勪欢銆傚鏋滀綘鍙槸涓轰簡婊¤冻鍒汉鐨勯渶姹傦紝浣犲簲璇ヤ娇鐢ㄧ粍浠跺簱鍢涳紝娌℃湁閭ｄ箞澶氭媴蹇冦€備篃璁哥粍浠跺簱鍔熻兘閲嶏紝浣撻噺澶э紝浣嗗緢鍏ㄩ潰馃榿鎴戞槸鍏紬鍙风嚎涓嬫淳瀵规父鎴忕殑浣滆€匟ullQin锛堟杩庡叧娉ㄥ叕浼楀彿锛屽彂閫佸姞寰俊锛屼氦涓湅鍙嬶級銆傝浆鍙戞湰鏂囧墠锛岄渶瑕佸緱鍒颁綔鑰呯殑璁ゅ彲锛岀敱HullQin鎺堟潈銆傛垜鐙珛寮€鍙戜簡銆婅仈鏈烘娓稿悎闆嗐€嬶紝杩欐槸涓€涓綉椤碉紝鍦ㄨ繖閲屼綘鍙互杞绘澗鍦板拰鏈嬪弸涓€璧风帺缃戠粶娓告垙锛屼簲瀛愭绛夋父鎴忥紝涓嶆敹璐癸紝涔熸病鏈夊箍鍛娿€傝繕涓篏ameJam2022寮€鍙戜簡銆奃ice Crush銆嬶紝鍠滄鐨勮瘽鍙互鍏虫敞鎴慔ullQin鍝鏈夌┖鎴戜細鍒嗕韩鍒朵綔娓告垙鐨勭浉鍏虫妧鏈€?/p>
