{"id":897,"date":"2026-08-09T23:35:31","date_gmt":"2026-08-09T15:35:31","guid":{"rendered":"https:\/\/frank.org.cn\/?p=897"},"modified":"2026-08-09T23:35:31","modified_gmt":"2026-08-09T15:35:31","slug":"elephant-bigboy-animation","status":"publish","type":"post","link":"https:\/\/frank.org.cn\/frank\/elephant-bigboy-animation","title":{"rendered":"\u6e05\u8fdc\u957f\u9686\u52a8\u7269\u56ed\u5927\u8c61\u78a7\u6ce2\u52a8\u753b"},"content":{"rendered":"<p>\u5468\u672b\u966a\u5c0f\u513f\u53bb\u6e05\u8fdc\u957f\u9686\u68ee\u6797\u738b\u56fd\u6e38\u73a9\uff0c\u5c0f\u513f\u4e00\u773c\u5c31\u559c\u6b22\u4e0a\u4e86\u78a7\u6ce2\u4e16\u754c\u91cc\u7684\u4e3b\u89d2\u2014\u2014\u975e\u6d32\u8c61\u78a7\u6ce2\uff08Big Boy\uff09\u3002\u56de\u5bb6\u540e\u7a81\u53d1\u5947\u60f3\uff0c\u7528 HTML \u4e0e CSS3 \u505a\u4e86\u4e00\u53ea\u4f1a\u6447\u8033\u6735\u3001\u8fc8\u6b65\u8d70\u8def\u7684\u7eaf CSS \u5927\u8c61\u52a8\u753b\uff0c\u4ee5\u6b64\u81f4\u656c\u6bcf\u4e00\u4f4d\u5b88\u62a4\u52a8\u7269\u7e41\u884d\u3001\u8ba9\u5730\u7403\u66f4\u7f8e\u4e3d\u7684\u4eba\u3002<\/p>\n<div>\n<iframe src=\"\/my-content\/www\/elephant-animation\/index.html\" width=\"100%\" height=\"350\" style=\"border:none;\" title=\"\u6e05\u8fdc\u957f\u9686\u975e\u6d32\u8c61\u78a7\u6ce2\u7eaf CSS3 \u52a8\u753b\" loading=\"lazy\"><br \/>\n<\/iframe>\n<\/div>\n<h2>\u5982\u4f55\u89c2\u770b\u8fd9\u4e2a\u5927\u8c61\u52a8\u753b<\/h2>\n<p>\u52a8\u753b\u5728\u9875\u9762\u5185\u81ea\u52a8\u5faa\u73af\u64ad\u653e\uff0c\u65e0\u9700\u4efb\u4f55\u64cd\u4f5c\uff1a\u8fdb\u5165\u9875\u9762\u540e\u5927\u8c61\u4fbf\u4f1a\u6301\u7eed\u6447\u8033\u3001\u62ac\u817f\u884c\u8d70\u3002\u6f14\u793a\u533a\u5bbd\u5ea6\u81ea\u9002\u5e94\u624b\u673a\u4e0e\u7535\u8111\u5c4f\u5e55\uff0c\u9ad8\u5ea6\u7ea6 350 \u50cf\u7d20\uff1b\u82e5\u4f60\u7684\u6d4f\u89c8\u5668\u5f00\u542f\u4e86\u300c\u51cf\u5c11\u52a8\u6001\u6548\u679c\u300d\u504f\u597d\uff0c\u52a8\u753b\u4f1a\u81ea\u52a8\u9759\u6b62\u4ee5\u7167\u987e\u9605\u8bfb\u4f53\u9a8c\u3002\u60f3\u770b\u6e90\u7801\u53ef\u70b9\u6587\u672b\u94fe\u63a5\u4e0b\u8f7d\u5b8c\u6574\u5de5\u7a0b\u3002<\/p>\n<h2>\u5173\u4e8e\u78a7\u6ce2\uff1a\u6e05\u8fdc\u957f\u9686\u7684\u975e\u6d32\u8c61\u4fdd\u62a4<\/h2>\n<p>\u78a7\u6ce2\u662f\u4e00\u5934\u6765\u81ea\u6d25\u5df4\u5e03\u5c14\u68ee\u6797\u7684\u975e\u6d32\u8c61\uff0c\u66fe\u662f\u8c61\u7fa4\u9996\u9886\u3002\u7531\u4e8e\u68ee\u6797\u88ab\u8fc7\u5ea6\u91c7\u4f10\uff0c\u5b83\u5e26\u7740\u8c61\u7fa4\u957f\u5e74\u6f02\u6cca\uff0c\u7ea6\u5341\u5e74\u524d\u8fc1\u5c45\u6e05\u8fdc\u957f\u9686\u68ee\u6797\u738b\u56fd\u5e76\u7a33\u5b9a\u4e0b\u6765\u3002\u636e\u65b0\u95fb\u62a5\u9053\uff0c\u78a7\u6ce2\u4e0e\u6bcd\u8c61\u300c\u8389\u8389\u300d\u8bde\u4e0b\u300c\u5341\u4e8c\u300d\u2014\u2014\u8fd9\u662f\u78a7\u6ce2\u7684\u7b2c 12 \u4e2a\u5b69\u5b50\uff0c\u4e5f\u6807\u5fd7\u7740\u6e05\u8fdc\u957f\u9686\u5728\u975e\u6d32\u8c61\u7e41\u80b2\u4e0e\u4fdd\u62a4\u4e0a\u53d6\u5f97\u6301\u7eed\u6210\u679c\u3002\u81ea 2022 \u5e74\u8d77\uff0c\u300c\u8c61\u4e8c\u4ee3\u300d\u4eec\u9646\u7eed\u51fa\u751f\uff0c\u622a\u81f3 2025 \u5e74 11 \u6708\u5df2\u6210\u529f\u7e41\u80b2 12 \u5934\u975e\u6d32\u8c61\uff0c\u6574\u4e2a\u79cd\u7fa4\u8fbe\u5230 30 \u591a\u5934\uff0c\u6210\u4e3a\u56fd\u5185\u6700\u5927\u3001\u6700\u5177\u6d3b\u529b\u7684\u975e\u6d32\u8c61\u8fc1\u5730\u4fdd\u62a4\u79cd\u7fa4\u3002<\/p>\n<p>\u8fd9\u53ea\u7f51\u9875\u91cc\u7684\u5927\u8c61\u540c\u6837\u53eb\u300c\u78a7\u6ce2\u300d\uff1a\u5b83\u5b8c\u5168\u7528 div \u4e0e CSS3 \u62fc\u51fa\u6765\uff0c\u6ca1\u6709 JavaScript\uff0c\u4e5f\u6ca1\u6709 Web 3D \u5f15\u64ce\u3002\u8c61\u8eab\u7531\u5934\u3001\u8033\u3001\u773c\u3001\u7709\u3001\u7259\u3001\u56db\u6761\u817f\u4e0e\u5c3e\u5df4\u7b49\u6a21\u5757\u7ec4\u6210\uff0c\u901a\u8fc7\u5173\u952e\u5e27\u52a8\u753b\u8ba9\u8033\u6735\u6446\u52a8\u3001\u56db\u80a2\u4ea4\u66ff\u8fc8\u6b65\u3002\u6574\u6bb5\u7ed3\u6784\u7528 <code>role=\"img\"<\/code> \u4e0e <code>aria-label=\"\u78a7\u6ce2\"<\/code> \u6807\u6ce8\uff0c\u65b9\u4fbf\u5c4f\u5e55\u9605\u8bfb\u5668\u8bc6\u522b\u753b\u9762\u4e3b\u89d2\u3002<\/p>\n<p>\u9644\u6e90\u7801\u4e0b\u8f7d\uff0c\u4f9b\u4ea4\u6d41\u5b66\u4e60\u3002<\/p>\n<p><a href=\"https:\/\/frank.org.cn\/wp-content\/uploads\/2026\/08\/elephant-animation.7z\">elephant-animation \u6e90\u7801\u4e0b\u8f7d<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u6e05\u8fdc\u957f\u9686\u975e\u6d32\u8c61\u78a7\u6ce2\u7684\u7eaf CSS3 \u52a8\u753b\u6f14\u793a\uff1a\u770b\u5927\u8c61\u6447\u8033\u8fc8\u6b65\u3002<\/p>\n","protected":false},"author":1,"featured_media":898,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[330,335,334,332,333,331,328,329,326,327],"class_list":["post-897","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-animation","tag-css3-","tag-html-","tag-334","tag-332","tag-333","tag-331","tag-328","tag-329","tag--css-","tag-327"],"_links":{"self":[{"href":"https:\/\/frank.org.cn\/wp-json\/wp\/v2\/posts\/897","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/frank.org.cn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/frank.org.cn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/frank.org.cn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/frank.org.cn\/wp-json\/wp\/v2\/comments?post=897"}],"version-history":[{"count":0,"href":"https:\/\/frank.org.cn\/wp-json\/wp\/v2\/posts\/897\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/frank.org.cn\/wp-json\/wp\/v2\/media\/898"}],"wp:attachment":[{"href":"https:\/\/frank.org.cn\/wp-json\/wp\/v2\/media?parent=897"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/frank.org.cn\/wp-json\/wp\/v2\/categories?post=897"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/frank.org.cn\/wp-json\/wp\/v2\/tags?post=897"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}