{"id":5927,"date":"2024-04-14T12:47:26","date_gmt":"2024-04-14T04:47:26","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=5927"},"modified":"2024-04-14T12:47:26","modified_gmt":"2024-04-14T04:47:26","slug":"construct-flip-cards-using-transforms","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/zh\/construct-flip-cards-using-transforms\/","title":{"rendered":"\u4f7f\u7528\u8b8a\u63db\u5efa\u7acb\u7ffb\u9801\u5361"},"content":{"rendered":"<div class=\"docs_rich-text w-richtext\">\n<p>\u5728\u672c\u6559\u7a0b\u4e2d\uff0c\u60a8\u5c07\u638c\u63e1\u4f7f\u7528 CSS 3D \u8f49\u63db\u88fd\u4f5c\u57fa\u672c\u5361\u7247\u7ffb\u8f49\u52d5\u756b\u7684\u6280\u8853 - \u6240\u6709\u9019\u4e9b\u90fd\u4e0d\u9700\u8981\u624b\u52d5\u7de8\u78bc\u3002\u5361\u7247\u8f2a\u63db\u662f\u900f\u904e\u63ed\u793a\u88dc\u5145\u8cc7\u8a0a\u4f86\u5f15\u5165\u8996\u89ba\u6d3b\u529b\u7684\u6709\u6548\u624b\u6bb5\u3002\u4f8b\u5982\uff0c\u5be6\u73fe\u5361\u7247\u7ffb\u8f49\u52d5\u756b\u53ef\u4ee5\u8b93\u60a8\u7a81\u51fa\u986f\u793a\u60a8\u6b63\u5728\u884c\u92b7\u7684\u5546\u54c1\u7684\u66f4\u591a\u7d30\u7bc0\u3002\u00a0<\/p>\n<p><strong>\u5728\u672c\u6559\u7a0b\u671f\u9593<\/strong>:<\/p>\n<ol>\n<li>\u5efa\u7acb\u4e00\u500b\u5206\u6bb5\u548c\u5206\u5340\u584a\u4f86\u5305\u542b\u60a8\u7684\u5361\u7247\u5716\u7247\u7d44\u4ef6<\/li>\n<li>\u6642\u5c1a\u5361\u6b63\u53cd\u9762\u5716\u7247\u7d44\u4ef6<\/li>\n<li>\u914d\u7f6e\u7956\u5148\u5143\u7d20\u7684\u5f8c\u4ee3\u8996\u89d2<\/li>\n<li>\u6307\u5b9a\u5361\u7247\u5716\u7247\u7d44\u4ef6\u7684\u8b8a\u63db\u5c6c\u6027<\/li>\n<li>\u4f7f\u5361\u7247\u5305\u88dd\u5668\u52d5\u756b\u5316\u4ee5\u5728\u61f8\u505c\u6642\u65cb\u8f49\u00a0<\/li>\n<\/ol>\n<h2>\u5efa\u7acb\u4e00\u500b\u6bb5\u548c\u5206\u5340\u584a\u4f86\u5bb9\u7d0d\u60a8\u7684\u5361\u7247\u5716\u7247\u7d44\u4ef6<br \/><\/h2>\n<p>\u8981\u958b\u59cb\uff0c\u8acb\u9644\u52a0\u4e00\u500b <strong>\u90e8\u5206<\/strong> \u5728\u60a8\u7684\u9801\u9762\u4e0a\uff1a\u00a0<\/p>\n<ol>\n<li>\u63ed\u958b\u9762\u7d17 <strong>\u63d2\u5165\u5143\u7d20 <\/strong>\u4f4d\u65bc\u5de6\u5074\u5de5\u5177\u5217\u4e2d\u7684\u7a97\u683c<\/li>\n<li>\u62d6\u66f3\u4e00\u500b <strong>\u90e8\u5206<\/strong> \u5230\u60a8\u7684\u9801\u9762<\/li>\n<\/ol>\n<p>\u4f4d\u7f6ea <strong>\u5206\u5340\u584a<\/strong> \u5728\u6700\u8fd1\u63d2\u5165\u7684\u6bb5\u843d\u4e2d\uff1a<\/p>\n<ol>\n<li>\u63d0\u53d6\u4e00\u500b <strong>\u5206\u5340\u584a<\/strong> \u4f86\u81ea <strong>\u63d2\u5165\u5143\u7d20<\/strong><strong>\u63a7\u5236\u677f<\/strong> \u4e26\u5c07\u5176\u5d4c\u5165\u5230 <strong>\u90e8\u5206 <\/strong>\u5148\u524d\u8a2d\u7acb\u7684\u00a0<\/li>\n<li>\u5206\u914d\u4e00\u500b\u985e\u5225\u7d66 <strong>\u5206\u5340\u584a<\/strong> \uff08\u4f8b\u5982\uff0c\u300c\u5361\u7247\u5305\u88dd\u7d19\u300d\uff09\u00a0<\/li>\n<\/ol>\n<h2>\u88fd\u4f5c\u5361\u7247\u6b63\u9762\u548c\u80cc\u9762\u5716\u7247\u7d44\u4ef6<br \/><\/h2>\n<p>\u8981\u63d2\u5165\u4e26\u6e96\u5099\u5361\u7247\u5716\u7247\u7d44\u4ef6\uff1a\u00a0<\/p>\n<ol>\n<li>\u55ae\u7368\u6389\u843d2\u500b<strong> \u5716\u7247\u7d44\u4ef6 <\/strong>\u4f86\u81ea<strong> \u63d2\u5165\u5143\u7d20<\/strong> \u7a97\u683c\u4e26\u5c07\u5b83\u5011\u653e\u7f6e\u5728\u5361\u7247\u5305\u88dd\u5668\u4e2d <strong>\u5206\u5340\u584a<\/strong> \u6700\u8fd1\u5275\u5efa\u7684\u00a0<\/li>\n<li>\u9078\u64c7\u60a8\u7684\u521d\u59cb\u5716\u7247\u4e26\u70ba\u5176\u5206\u914d\u201c\u5361\u7247\u6b63\u9762\u201d\u7684\u985e\u5225\u540d\u7a31\u3002\u5c0d\u60a8\u7684\u4e0b\u4e00\u5f35\u5716\u7247\u91cd\u8907\u6b64\u904e\u7a0b\uff0c\u4f46\u5c07\u5176\u6307\u5b9a\u70ba\u5361\u80cc\u7684\u985e\u5225\u540d\u7a31\u3002\u00a0<\/li>\n<\/ol>\n<h3>\u8981\u5c07\u5f71\u50cf\u5f7c\u6b64\u5c0d\u9f4a\uff1a\u00a0<br \/><\/h3>\n<p=select each picture and beneath <strong>\u8a2d\u8a08<\/strong>\uff0c\u5c07\u5b83\u5011\u914d\u7f6e\u70ba <strong>\u986f\u793a\uff1a\u5340\u584a<\/strong>\u3002\u78ba\u4fdd\u9032\u884c\u6b64\u8abf\u6574\u4ee5\u4f7f\u5169\u5f35\u5716\u7247\u91cd\u758a\u3002<\/p>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1501px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b9499368b7496b60478ed4_5fa353181e135257563c6ea0_vmiziuxiwag3iyewvs8jngp0pigv3vnesyqqnjtb9nnrvflbumthuexfxyapj2od6oyqe9qghi3cff4mjpo9gheelutdeagexdgszit9uiiu8kczgtivocr1tugmfjvfbca89rru\" width=\"auto\" height=\"auto\" loading=\"auto\" title=\"64b9499368b7496b60478ed4_5fa353181e135257563c6ea0_vmiziuxiwag3iyewvs8jngp0pigv3vnesyqqnjtb9nnrvflbuhuv czgtivocr1tugmfjvfbca89rru\"><\/div>\n<\/figure>\n<p=Centralize the images within the Card wrapper <strong>\u5206\u5340\u584a<\/strong>\u3002\u7e7c\u7e8c <strong>\u9593\u8ddd<\/strong> \u4e26\u5b89\u6392\u6bcf\u500b\u5f71\u50cf\u7684\u5de6\u53f3\u908a\u8ddd <strong>\u6c7d\u8eca<\/strong>\u3002\u5982\u679c\u60a8\u9700\u8981\u4e00\u7a2e\u66f4\u5feb\u7684\u65b9\u6cd5\u4f86\u5c45\u4e2d\u5716\u50cf\uff0c\u8acb\u6309\u4e00\u4e0b <strong>\u6c34\u5e73\u5c45\u4e2d\u5143\u7d20<\/strong> \u7528\u65bc\u81ea\u52d5\u908a\u8ddd\u8a2d\u5b9a\u7684\u6309\u9215\u3002<\/p>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1501px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b9499368b7496b60478ed7_5fa3531740dfed6f790ffa9e_mrmpgbwcjhxnqp2aju_2sdwlt8fu1tpyvkll-9ean2tnpxjkr0mq6wmlebwqxvuai5lglhjxoovnmxxrhw-_e3rm8ocbac0kl4lvfmmtqjptlngrqflhe7pvqe6t8oaoae2hc00u\" width=\"auto\" height=\"auto\" loading=\"auto\" title=\"64b9499368b7496b60478ed7_5fa3531740dfed6f790ffa9e_mrmpgbwcjhxnqp2aju_2sdwlt8fu1tpyvkll-9ean2tnpxjxoj6m qjptlngrqflhe7pvqe6t8oaoae2hc00u\"><\/div>\n<\/figure>\n<p=For the images to overlap mutually, a CSS style needs to be appended. Within the <strong>\u8a2d\u8a08\u7a97\u683c<\/strong> &gt;<strong> \u4f4d\u7f6e<\/strong>\uff0c\u5c07\u6bcf\u500b\u5f71\u50cf\u4fee\u6539\u70ba <strong>\u7d55\u5c0d<\/strong> \u4e26\u6307\u5b9a <strong>\u4e0a<\/strong> \u4f4d\u7f6e\u3002\u00a0<\/p>\n<p>\u5c07\u5361\u7247\u5716\u50cf\u7d55\u5c0d\u5b9a\u4f4d\u5f8c\uff0c\u5169\u5f35\u5361\u7247\u90fd\u6703\u5806\u7a4d\u8d77\u4f86\u3002\u5361\u7247\u80cc\u9762\u4f4d\u65bc\u5361\u7247\u6b63\u9762\u5f8c\u65b9\u3002<\/p>\n<p=For access to the back card, let\u2019s obscure the front card:\u00a0\n<ol>\n<li>\u9ede\u64ca\u5361\u7247\u6b63\u9762\u5716\u50cf<\/li>\n<li>\u5c0e\u822a <strong>\u8a2d\u8a08<\/strong>\u00a0<\/li>\n<li>\u66ab\u6642\u6539\u8b8a\u4e00\u4e0b <strong>\u5c55\u793a<\/strong> \u5230 <strong>\u6c92\u6709\u4efb\u4f55<\/strong><\/li>\n<\/ol>\n<h2>\u5efa\u7acb\u5c0d\u7236\u5143\u7d20\u7684\u5b50\u4ee3\u8996\u89d2<br \/><\/h2>\n<p=Recall the <strong>\u90e8\u5206<\/strong> \u4ee5\u524d\u5305\u542b\u5728\u60a8\u7684\u9801\u9762\u4e0a\u55ce\uff1f\u7531\u65bc\u5b83\u5145\u7576 Card \u5305\u88dd\u5668 Div \u584a\u7684\u7236\u7d44\u4ef6\uff0c\u56e0\u6b64\u6211\u5011\u5fc5\u9808\u8a2d\u5b9a\u8a72\u90e8\u5206\u7684 <strong>\u5f8c\u4ee3\u8996\u89d2<\/strong>\u3002\u555f\u7528\u6b64\u8996\u89d2\u6709\u52a9\u65bc\u4ee5 3D \u65b9\u5f0f\u986f\u793a\u6211\u5011\u7684\u8f49\u63db\u3002\u00a0<\/p>\n<ol>\n<li>\u9078\u64c7 <strong>\u90e8\u5206<\/strong><\/li>\n<li>\u8a2a\u554f <strong>\u8a2d\u8a08\u7a97\u683c<\/strong> &gt; <strong>\u5f71\u97ff<\/strong> &gt; <strong>2D \u548c 3D \u8f49\u63db<\/strong><\/li>\n<li>\u5229\u7528 3 \u500b\u63ed\u9732\u9ede\u4f86\u63ed\u958b <strong>\u8f49\u578b<\/strong> \u914d\u7f6e<\/li>\n<li>\u4e0b\u9762 <strong>\u5f8c\u4ee3\u8996\u89d2<\/strong>\uff0c\u6307\u5b9a\u4e00\u500b <strong>\u8ddd\u96e2<\/strong> 1234 \u50cf\u7d20\uff08\u60a8\u53ef\u4ee5\u96a8\u6642\u5c0d\u5176\u9032\u884c\u5fae\u8abf\u4ee5\u5339\u914d\u60a8\u6240\u9700\u7684 3D \u5361\u7ffb\u8f49\u5916\u89c0\uff09\u00a0<\/li>\n<\/ol>\n<h2>\u6307\u5b9a\u5361\u7247\u5716\u50cf\u7d44\u4ef6\u7684\u8b8a\u63db\u5c6c\u6027<br \/><\/h2>\n<p=Now that your Segment has its offspring perspective configured and your back card is exposed, let\u2019s initialize the back card\u2019s transformation properties.\n<ol>\n<li>\u5167 <strong>\u8a2d\u8a08\u7a97\u683c<\/strong>\uff0c \u7e7c\u7e8c <strong>\u5f71\u97ff<\/strong> \u4e26\u9644\u52a0\u4e00\u500b <strong>2D \u548c 3D \u8f49\u63db <\/strong>\u900f\u904e\u88dc\u5145\u5716\u6a19\u00a0<\/li>\n<li>\u9078\u64c7<strong> \u65cb\u8f49<\/strong> \u4e26\u5c07\u5716\u7247\u7d44\u4ef6\u6cbf Y \u8ef8\u65cb\u8f49 180 \u5ea6\u00a0<\/li>\n<\/ol>\n<p=By rotating the back card, you observe the reflective display of its rear side. Essentially, this 180-degree transformation has reoriented the Card back to face the contrary direction, away from us. Consequently, the area of the card visible to us constitutes the card\u2019s Backface. Bear in mind, our aim with the card flip animation is to conceal each card\u2019s Backface.\u00a0\n<p=To conceal the Backface of the card:\u00a0<br \/>\n<ol>\n<li>\u91cd\u8a2a <strong>\u5f71\u97ff<\/strong> &gt; <strong>2D \u548c 3D \u8f49\u63db<\/strong><\/li>\n<li>\u9ede\u64ca 3 \u500b\u62ab\u9732\u9ede\u5373\u53ef\u5c55\u793a <strong>\u8f49\u578b <\/strong>\u914d\u7f6e\u00a0<\/li>\n<li>\u6307\u5b9a <strong>\u80cc\u9762<\/strong> \u4f5c\u70ba <strong>\u96b1<\/strong><\/li>\n<\/ol>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1501px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b9499368b7496b60478ee0_5fa3531733cc26930e577454_unvjfh0tc2_fr-mxgqc9fznwqe0qzsr1plfe7mp9bpvqlp9lcx-e_0rg85nwn4dyawxkkpygtmcvz9jo5exb8qnkethxosjuuimykcyl39o_sy33stxaiabhcr_aouzgqeyewn_f\" width=\"auto\" height=\"auto\" loading=\"auto\" title=\"64b9499368b7496b60478ee0_5fa3531733cc26930e577454_unvjfh0tc2_fr-mxgqc9fznwqe0qzsr1plfe7mp9bpvq-mxgqc9fznwqe0qzsr1plfe7mp9bpvqlp985-e_0 mykcyl39o_sy33stxaiabhcr_aouzgqeyewn_f\"><\/div>\n<\/figure>\n<p=Next, re-apply visibility to the Card front picture component.\u00a0\n<ol>\n<li>\u9078\u64c7\u5361\u7247\u6b63\u9762\u5716\u7247\u7d44\u4ef6<\/li>\n<li>\u8abf\u6574 <strong>\u5c55\u793a<\/strong> \u5230<strong> \u5835\u585e<\/strong>\u00a0<\/li>\n<\/ol>\n<p=Additionally, mask the Card front\u2019s Backface similar to the Card back.\n<ol>\n<li>\u6311\u51fa\u5361\u6b63\u9762\u7d44\u4ef6\u3002<\/li>\n<li>\u524d\u5f80 <strong>\u5f71\u97ff <\/strong>&gt;<strong> 2D \u548c 3D \u8f49\u63db<\/strong>\u00a0<\/li>\n<li>\u9ede\u64ca 3 \u500b\u62ab\u9732\u9ede\u5373\u53ef\u89e3\u9396 <strong>\u8f49\u578b <\/strong>\u8a2d\u5b9a\u00a0<\/li>\n<li>\u6c7a\u5b9a <strong>\u80cc\u9762<\/strong> \u4f5c\u70ba <strong>\u96b1<\/strong><\/li>\n<\/ol>\n<h2>\u5c07\u5361\u7247\u5305\u88dd\u52d5\u756b\u8a2d\u5b9a\u70ba\u5728\u61f8\u505c\u6642\u65cb\u8f49<br \/><\/h2>\n<p=It\u2019s about time to incorporate the animation for flipping the card and unveiling the Card back upon hover.\u00a0\n<p=Select the Card wrapper Div block. This enables the flipping animation to influence the entire Card wrapper Div block as well as both of our child card components.\u00a0<br \/>\n<ol>\n<li>\u8a2a\u554f<strong> \u9078\u64c7\u5668<\/strong> \u5361\u7247\u5305\u88dd\u5668\u7684\u5b57\u6bb5 <strong>\u5206\u5340\u584a<\/strong>\u00a0<\/li>\n<li>\u9078\u64c7 <strong>\u61f8\u505c\u6548\u679c<\/strong> \u4f86\u81ea <strong>\u9078\u96c6<\/strong> \u4e0b\u62c9\u6e05\u55ae<\/li>\n<\/ol>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1501px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b9499368b7496b60478eda_5fa35317baa095abece97044_ux3rlkib4kh_ing-zmig0fcn8uwphpncn_rjfj6au0amw63eomm0oobrequcby-mndxygv15tlfh3-rwxeu4llutmfkwpdysl-sg5hnlnvpo6tuw1xedo-q67wpkcueatrencyxs.jpeg\" width=\"auto\" height=\"auto\" loading=\"auto\" title=\"64b9499368b7496b60478eda_5fa35317baa095abece97044_ux3rlkib4kh_ing-zmig0fcn8uwphpncn_rjfj6au0amw63eomm0oobrequcby-mxydmtdwx xedo-q67wpkcueatrencyxs\"><\/div>\n<\/figure>\n<ol>\n<li>\u555f\u7528\u8a2d\u5b9a <strong>\u61f8\u505c\u6548\u679c<\/strong> \u4e26\u5c0e\u822a\u81f3 <strong>\u4fee\u6539 <\/strong>&gt;<strong> 2D \u548c 3D \u8f49\u63db<\/strong>\u00a0<\/li>\n<li>\u9ede\u9078 + \u865f\u4e26\u9078\u64c7 <strong>\u65cb\u8f49<\/strong> \u9078\u64c7\u00a0<\/li>\n<li>\u8abf\u6574\u5361\u7247\u5305\u88dd\u7d19\u4ee5 Y \u8ef8\u65cb\u8f49 180 \u5ea6<\/li>\n<\/ol>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1501px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b9499368b7496b60478edd_5fa3531819b964b80c89341b_kdtlitm9vjry3i434o4nakn4mphtpmdlzj6pemc41lqqdumv8kwvvr-wcbg3h8xgrztqdcgnagymnz3ahlanwtgk-m-fjgikwjveb3g6tjn8oqdmmzd51f1t8jucaj4wal5ez65c\" width=\"auto\" height=\"auto\" loading=\"auto\" title=\"64b9499368b7496b60478edd_5fa3531819b964b80c89341b_kdtlitm9vjry3i434o4nakn4mphtpmdlzj6pepe41lqdumv8krd-wumv b3g6tjn8oqdmmzd51f1t8jucaj4wal5ez65c\"><\/div>\n<\/figure>\n<p><\/p>\n<p>\u70ba\u4e86\u898b\u8b49\u60a8\u5275\u5efa\u7684\u7ffb\u8f49\u52d5\u756b\uff0c\u8acb\u6062\u5fa9\u5230\u5361\u7247\u5305\u88dd\u5668\u7684\u521d\u59cb\u72c0\u614b <strong>\u5206\u5340\u584a<\/strong> \u900f\u904e\u9078\u64c7 <strong>\u6a21\u5f0f<\/strong> \u4f5c\u70ba <strong>\u4e0d\u6d3b\u8e8d<\/strong>.\u00a0<\/p>\n<p>\u6700\u5f8c\uff0c\u5c07\u904e\u6e21\u5408\u4f75\u5230 CardwrapperDivision \u5340\u584a\u3002\u00a0<\/p>\n<ol>\n<li>\u8a2a\u554f <strong>\u5916\u89c0\u9762\u677f<\/strong> &gt; <strong>\u4fee\u6539<\/strong> &gt; <strong>\u904e\u6e21<\/strong>\u00a0<\/li>\n<li>\u4f7f\u7528\u9644\u52a0\u6309\u9215\u9644\u52a0\u65b0\u7684\u904e\u6e21\u00a0<\/li>\n<li>\u4f86\u81ea <strong>\u7a2e\u985e<\/strong> \u4e0b\u62c9\u5217\u8868\uff0c\u9078\u64c7 <strong>\u4fee\u6539<\/strong><\/li>\n<li>\u5305\u62ec 1000 \u6beb\u79d2\u7684\u6301\u7e8c\u6642\u9593\u00a0<\/li>\n<\/ol>\n<p>\u662f\u6642\u5019\u6176\u5e78\u4e86\uff0d\u4f60\u5df2\u7d93\u5b8c\u6210\u4efb\u52d9\u4e86\uff01\u9ede\u64ca\u8a2d\u8a08\u5668\u4e2d\u7684\u9810\u89bd\u6309\u9215\u4f86\u6aa2\u67e5\u904b\u52d5\u4e2d\u7684\u5361\u7247\u7ffb\u8f49\u3002\u5c07\u6ed1\u9f20\u61f8\u505c\u5728\u5361\u7247\u4e0a\u4e26\u9000\u51fa\uff0c\u898b\u8b49\u5361\u7247\u7ffb\u8f49\u8f49\u63db\u7684\u5be6\u969b\u6548\u679c\uff01\u4ee4\u4eba\u632f\u596e\uff01\u00a0\u00a0<\/p>\n<h5>\u76f8\u95dc\u8cc7\u6e90<\/h5>\n<ul>\n<li>\u200d\u95b1\u8b80\u6709\u95dc 2D \u548c 3D \u8b8a\u63db\u7684\u66f4\u591a\u4fe1\u606f<\/li>\n<li>\u4e86\u89e3\u6709\u95dc 3D \u900f\u8996\u7684\u66f4\u591a\u4fe1\u606f<\/li>\n<\/ul>\n<p>\u200d<\/p>","protected":false},"excerpt":{"rendered":"\u4f7f\u7528 CSS 3D \u8b8a\u63db\u5275\u5efa\u7c21\u55ae\u7684\u61f8\u505c\u5361\u7247\u7ffb\u8f49\u52d5\u756b\u3002","protected":false},"author":2,"featured_media":5928,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[284],"tags":[],"class_list":{"0":"post-5927","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-layout-design","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/posts\/5927","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/comments?post=5927"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/posts\/5927\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/media\/5928"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/media?parent=5927"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/categories?post=5927"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/tags?post=5927"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}