{"id":10595,"date":"2014-09-04T18:58:37","date_gmt":"2014-09-04T18:58:37","guid":{"rendered":"http:\/\/avada.theme-fusion.comxml\/?page_id=10595"},"modified":"2016-10-28T20:05:45","modified_gmt":"2016-10-28T12:05:45","slug":"flip-boxes","status":"publish","type":"page","link":"http:\/\/www.4mudi.com\/demo\/avada\/?page_id=10595","title":{"rendered":"\u7ffb\u8f6c\u6846"},"content":{"rendered":"

\u7ffb\u8f6c\u6846\u7b80\u7801<\/h1>\n

\u52a8\u753b\u7ffb\u8f6c\u6846\u7b80\u5355\u597d\u7528\u3002\u6211\u4eec\u4ece\u672a\u89c1\u8fc7\u5982\u6b64\u597d\u7528\u7684\u7ffb\u8f6c\u6846\u3002\u5b83\u4eec\u80fd\u591f\u6293\u4f4f\u7528\u6237\u7684\u773c\u7403\uff0c\u4e0e\u4f60\u7684\u7f51\u7ad9\u8fdb\u884c\u4e00\u4e9b\u4e92\u52a8\u3002Avada\u7ffb\u8f6c\u6846\u6b63\u9762\u548c\u80cc\u9762\u90fd\u53ef\u4ee5\u81ea\u5b9a\u4e49\u5185\u5bb9\u3002\u5b83\u4eec\u96c6\u6210\u4e86\u5b8c\u6574\u7684Font Awesome\u56fe\u6807\u96c6\uff0c\u4e14\u56fe\u6807\u53ef\u4ee5\u6296\u52a8\uff0c\u65cb\u8f6c\uff0c\u8f6c\u52a8\u3002\u4f60\u53ef\u4ee5\u628a\u6807\u9898\u653e\u5230\u6b63\u9762\u548c\u80cc\u9762\u3001\u6dfb\u52a0\u6309\u94ae\u5230\u4f60\u7684\u5185\u5bb9\uff0c\u6846\u7684\u8c03\u8bd5\u4f1a\u81ea\u52a8\u6839\u636e\u5185\u5bb9\u8fdb\u884c\u8c03\u6574\u3002\u4f60\u53ef\u4ee5\u81ea\u5b9a\u4e49\u8fb9\u6846\u5927\u5c0f\u3001\u8fb9\u6846\u534a\u5f84\u3001\u524d\u540e\u9762\u989c\u8272\u7b49\u3002\u54e6\uff0c\u5bf9\u4e86\uff0c\u4f60\u53ef\u4ee5\u7528CSS3\u52a8\u753b\u6539\u826f\u5b83\u4eec\u3002\u8fd9\u4e5f\u662f\u6536\u85cf Avada\u7684\u4e00\u4e2a\u5f88\u597d\u7684\u7406\u7531\u3002<\/p>\n<\/div>

<\/div><\/div><\/div><\/div><\/div>
<\/i><\/div>

\u5b8c\u5168\u81ea\u9002\u5e94<\/h2>Avada\u81ea\u9002\u5e94\u6846\u67b6\u6839\u636e\u4f60\u7684\u5185\u5bb9\u5728\u6240\u6709\u5c4f\u5e55\u5927\u5c0f\u5b8c\u7f8e\u663e\u793a<\/div><\/div>

\u9002\u5408\u6240\u6709\u5c3a\u5bf8<\/h3>\u4e0d\u7ba1\u4f60\u7684\u5c4f\u5e55\u6216\u8bbe\u5907\u7684\u5927\u5c0f\uff0c\u60a8\u7684\u7f51\u7ad9\u770b\u8d77\u6765\u68d2\u6781\u4e86\u3002
\u73b0\u5728\u8d2d\u4e70\uff01<\/span><\/a><\/div><\/div><\/div><\/div><\/div><\/div>
<\/i><\/div>

\u9ad8\u7ea7\u5e7b\u706f\u7247<\/h2>Avada\u5305\u62ec\u56db\u4e2a\u9ad8\u7ea7\u5e7b\u706f\u7247\uff0c\u4f7f\u60a8\u7684\u5185\u5bb9\u80fd\u591f\u8131\u9896\u800c\u51fa\uff01<\/div><\/div>

\u4f7f\u60a8\u7684\u5185\u5bb9\u8131\u9896\u800c\u51fa<\/h3>Avada\u5305\u542bLayer Slider, Revolution\u5e7b\u706f\u7247\u3001\u878d\u5408\u5e7b\u706f\u7247\u548c\u5f39\u6027\u5e7b\u706f\u7247\u3002
\u73b0\u5728\u8d2d\u4e70<\/span><\/a><\/div><\/div><\/div><\/div><\/div><\/div>
<\/i><\/div>

\u795e\u5947\u5143\u7d20<\/h2>Avada\u63d0\u4f9b\u4e86\u4ee4\u4eba\u96be\u4ee5\u7f6e\u4fe1\u7684\u5143\u7d20\uff0c\u8ba9\u4f60\u521b\u9020\u4e00\u4e2a\u7f8e\u597d\u7684\u7f51\u7ad9\u3002<\/div><\/div>

\u6253\u9020\u7f8e\u4e3d\u7684\u4e1c\u897f<\/h3>\u88c5\u8f7d\u9009\u9879\u7cbe\u5fc3\u8bbe\u8ba1\u7684\u7b80\u6570\u5341\u7ed9\u4f60\u5b8c\u5168\u81ea\u7531\u3002
\u73b0\u5728\u8d2d\u4e70<\/span><\/a><\/div><\/div><\/div><\/div><\/div><\/div><\/div>
<\/div>
<\/div><\/div><\/div><\/div><\/div>

\u5217\u5927\u5c0f<\/strong><\/span><\/p>\n

\u7ffb\u8f6c\u6846\u6709\u81ea\u5df1\u7684\u5217\u9009\u9879\u6765\u8bbe\u7f6e\u5185\u5bb9\u6846\u57281\u52306\u5217\u586b\u5145\u5185\u5bb9\u3002\u5b83\u4eec\u4e5f\u53ef\u4ee5\u4f7f\u7528\u91cc\u9762\u6211\u4eec\u5e38\u89c4\u5217\u7b80\u7801\u6765\u63a7\u5236\u9875\u9762\u4e0a\u7684\u4f4d\u7f6e\u3002<\/p>\n<\/div>

<\/div><\/div><\/div><\/div><\/div>
<\/i><\/div>

\u5217\u5927\u5c0f<\/h2>\u5176\u5b9e\uff0c\u5bf9\u4e8e\u8fd9\u79cd\u65b0\u65e7\u8f66\u578b\u9009\u62e9\u8fd9\u4e2a\u95ee\u9898\uff0c\u5b89\u5168\u6027\u7684\u63d0\u5347\u4e5f\u662f\u91cd\u8981\u7684\u8003\u91cf\u56e0\u7d20\u3002\u6362\u4ee3\u8f66\u578b\u4f1a\u6839\u636e\u78b0\u649e\u6d4b\u8bd5\u548c\u5b9e\u9645\u4e8b\u6545\u6848\u4f8b\u5bf9\u6574\u8f66\u7ed3\u6784\u8fdb\u884c\u6539\u826f\uff0c\u4ee5\u4f7f\u8f66\u8f86\u53d8\u5f97\u66f4\u52a0\u5b89\u5168\u3002<\/div><\/div>

\u9002\u5408\u6240\u6709\u5c3a\u5bf8<\/h3>\u7ec8\u7aef\u5bf9\u4e8e\u201c\u9009\u65b0\u8fd8\u662f\u9009\u65e7\u201d\u8fd9\u4e2a\u547d\u9898\u5341\u5206\u91cd\u8981\uff0c\u73b0\u6b3eA4L\u7684\u7ec8\u7aef\u4f18\u60e0\u76ee\u524d\u57286.5\u4e07\u5143\u5de6\u53f3\uff0c\u4e5f\u5c31\u662f\u8bf42.0t\u4e5e\u4e10\u7248\u7684\u552e\u4ef7\u57fa\u672c\u572825\u4e07\u5de6\u53f3<\/div><\/div><\/div><\/div><\/div><\/div>
<\/div>
<\/div><\/div><\/div><\/div><\/div>

\u989c\u8272\u63a7\u5236<\/strong><\/span><\/p>\n

\u7ffb\u8f6c\u6846\u5141\u8bb8\u63a7\u5236\u80cc\u666f\u989c\u8272\u3001\u6807\u9898\u6587\u5b57\u3001\u4e3b\u4f53\u6587\u5b57\u3001\u56fe\u6807\u5708\u548c\u8fb9\u6846\u3002\u5728\u7b80\u7801\u5355\u72ec\u8bbe\u7f6e\u989c\u8272\uff0c\u6216\u8005\u5728\u4e3b\u9898\u9009\u9879\u9762\u677f\u7edf\u4e00\u8bbe\u7f6e\u3002\u989c\u8272\u975e\u5e38\u5bb9\u6613\u63a7\u5236\u3002<\/p>\n<\/div>

<\/div><\/div><\/div><\/div><\/div>
<\/i><\/div>

\u63a7\u5236<\/h2>\u63a7\u5236\u4f60\u770b\u5230\u7684\u6bcf\u4e00\u4e2a\u5143\u7d20\u7684\u6240\u6709\u989c\u8272\u3002<\/div><\/div>

\u63a7\u5236\u4f60\u7684\u989c\u8272<\/h3>\u4ece\u80cc\u666f\u5230\u6587\u5b57\u989c\u8272\u518d\u5230\u8fb9\u6846\uff0c\u90fd\u53ef\u4ee5\u63a7\u5236<\/div><\/div><\/div><\/div><\/div>
<\/i><\/div>

\u4f60\u7684<\/h2>\u63a7\u5236\u4f60\u770b\u5230\u7684\u6bcf\u4e00\u4e2a\u5143\u7d20\u7684\u6240\u6709\u989c\u8272\u3002<\/div><\/div>

\u63a7\u5236\u4f60\u7684\u989c\u8272<\/h3>\u4ece\u80cc\u666f\u5230\u6587\u5b57\u989c\u8272\u518d\u5230\u8fb9\u6846\uff0c\u90fd\u53ef\u4ee5\u63a7\u5236<\/div><\/div><\/div><\/div><\/div>
<\/i><\/div>

\u989c\u8272<\/h2>\u63a7\u5236\u4f60\u770b\u5230\u7684\u6bcf\u4e00\u4e2a\u5143\u7d20\u7684\u6240\u6709\u989c\u8272\u3002<\/div><\/div>

\u63a7\u5236\u4f60\u7684\u989c\u8272<\/h3>\u4ece\u80cc\u666f\u5230\u6587\u5b57\u989c\u8272\u518d\u5230\u8fb9\u6846\uff0c\u90fd\u53ef\u4ee5\u63a7\u5236<\/div><\/div><\/div><\/div><\/div><\/div>
<\/div>
<\/div><\/div><\/div><\/div><\/div>

\u62e5\u6709\u56fe\u6807<\/strong><\/span><\/p>\n

Font Awesome\u56fe\u6807\u5df2\u7ecf\u96c6\u6210\u5230\u4e86\u7ffb\u8f6c\u6846\uff0c\u5b83\u6709\u591a\u4e2a\u9009\u9879\uff1a\u56fe\u6807\u989c\u8272\u3001\u5708\u989c\u8272\u548c\u8fb9\u6846\u3001\u5708\u663e\u793a\u6216\u9690\u85cf\u3001\u56fe\u6807\u7ffb\u8f6c\u3001\u65cb\u8f6c\u3001\u8f6c\u52a8\u548c\u52a8\u753b\u3002<\/p>\n<\/div>

<\/div><\/div><\/div><\/div><\/div>
<\/i><\/div>

Awesome<\/h2>Font Awesome \u56fe\u6807\u96c6\u6210<\/div><\/div>

\u63a7\u5236\u4f60\u7684\u56fe\u6807<\/h3>\u6bd5\u7adf\u73b0\u6b3e\u5e15\u8428\u72792.0\u53d1\u52a8\u673a\u7684380tsi\u4e5e\u4e10\u7248\u4f18\u60e0\u5b8c\u8fd8\u898122.5\u4e07\uff0c\u52a0\u4e09\u4e07\u5143\u6362\u5965\u8fea\uff0c\u65e0\u8bba\u4ece\u9762\u5b50\u8fd8\u662f\u8d28\u611f\u90fd\u5f88\u8bf1\u4eba<\/div><\/div><\/div><\/div><\/div>
<\/i><\/div>

\u56fe\u6807<\/h2>Font Awesome\u56fe\u6807\u96c6\u6210<\/div><\/div>

\u63a7\u5236\u4f60\u7684\u56fe\u6807<\/h3>\u6bd5\u7adf\u73b0\u6b3e\u5e15\u8428\u72792.0\u53d1\u52a8\u673a\u7684380tsi\u4e5e\u4e10\u7248\u4f18\u60e0\u5b8c\u8fd8\u898122.5\u4e07\uff0c\u52a0\u4e09\u4e07\u5143\u6362\u5965\u8fea\uff0c\u65e0\u8bba\u4ece\u9762\u5b50\u8fd8\u662f\u8d28\u611f\u90fd\u5f88\u8bf1\u4eba<\/div><\/div><\/div><\/div><\/div><\/div>
<\/div>
<\/div><\/div><\/div><\/div><\/div>

\u9700\u8981\u56fe\u7247\uff1f\u53ef\u4ee5\uff01<\/strong><\/span><\/p>\n

\u4e0d\u60f3\u4f7f\u7528\u56fe\u6807\u7684\u8bdd\uff0c\u4f60\u53ef\u4ee5\u4f7f\u7528\u56fe\u7247\u5728\u56fe\u6807\u4f4d\u7f6e\u663e\u793a\u3002\u8bbe\u7f6e\u5141\u8bb8\u4f60\u6307\u5b9a\u7279\u5b9a\u56fe\u7247\u5927\u5c0f\u3002\u4f7f\u7528\u56fe\u7247\u6765\u4ee3\u66ff\u56fe\u6807\u4e5f\u662f\u4e00\u79cd\u4e0d\u9519\u7684\u9009\u62e9\u3002<\/p>\n<\/div>

<\/div><\/div><\/div><\/div><\/div>
\"\"<\/div>

\u56fe\u7247\u7231\u7ffb\u8f6c\u6846<\/h2>\u56fe\u50cf\u53ef\u4ee5\u4ee3\u66ff\u56fe\u6807\u4f7f\u7528\u3002<\/div><\/div>

\u4ee5\u5168\u65b0\u7684\u9762\u8c8c<\/h3>\u4ece\u56fe\u8868\u91cc\u6211\u4eec\u53ef\u4ee5\u770b\u51fa\uff0c\u73b0\u6b3e\u5965\u8feaA4\u548c\u65b0\u6b3e\u5965\u8feaA4\u7684\u5dee\u5f02\u4e3b\u8981\u4f53\u73b0\u572825%\u5c0f\u754c\u9762\u78b0\u649e\u6d4b\u8bd5\u8fd9\u4e2a\u9879\u76ee\u4e0a\u3002\u73b0\u6b3eA4\u6210\u7ee9\u4e3a\u201c\u4e0d\u53ca\u683c\u201d\uff0c\u65b0\u6b3eA4\u4e3a\u201c\u4f18\u79c0\u201d\u3002\u73b0\u5728\u6211\u4eec\u5c31\u6765\u91cd\u70b9\u770b\u770b25%\u5c0f\u622a\u9762\u78b0\u649e\u6d4b\u8bd5\u7684\u62a5\u544a\u3002<\/div><\/div><\/div><\/div><\/div>
\"\"<\/div>

\u5c0f\u622a\u9762\u78b0\u649e\u6d4b\u8bd5\u7684\u62a5\u544a<\/h2>\u56fe\u50cf\u53ef\u4ee5\u4ee3\u66ff\u56fe\u6807\u4f7f\u7528\u3002<\/div><\/div>

\u4ee5\u5168\u65b0\u7684\u9762\u8c8c<\/h3>\u4ece\u56fe\u8868\u91cc\u6211\u4eec\u53ef\u4ee5\u770b\u51fa\uff0c\u73b0\u6b3e\u5965\u8feaA4\u548c\u65b0\u6b3e\u5965\u8feaA4\u7684\u5dee\u5f02\u4e3b\u8981\u4f53\u73b0\u572825%\u5c0f\u754c\u9762\u78b0\u649e\u6d4b\u8bd5\u8fd9\u4e2a\u9879\u76ee\u4e0a\u3002\u73b0\u6b3eA4\u6210\u7ee9\u4e3a\u201c\u4e0d\u53ca\u683c\u201d\uff0c\u65b0\u6b3eA4\u4e3a\u201c\u4f18\u79c0\u201d\u3002\u73b0\u5728\u6211\u4eec\u5c31\u6765\u91cd\u70b9\u770b\u770b25%\u5c0f\u622a\u9762\u78b0\u649e\u6d4b\u8bd5\u7684\u62a5\u544a\u3002<\/div><\/div><\/div><\/div><\/div><\/div>
<\/div>
<\/div><\/div><\/div><\/div><\/div>

\u8fb9\u6846\u63a7\u5236<\/strong><\/span><\/p>\n

\u7ffb\u8f6c\u6846\u5141\u8bb8\u4f7f\u7528\u8fb9\u6846\u5e76\u8bbe\u7f6e\u8fb9\u6846\u5bbd\u5ea6\u3001\u989c\u8272\u548c\u534a\u5f84\u3002\u4f60\u751a\u81f3\u53ef\u4ee5\u5355\u72ec\u7ed9\u6bcf\u4e2a\u6846\u8bbe\u7f6e\u8fb9\u6846\u5c5e\u6027\u4f7f\u5176\u4e0e\u4f17\u4e0d\u540c\u3002<\/p>\n<\/div>

<\/div><\/div><\/div><\/div><\/div>
<\/i><\/div>

\u63a7\u5236<\/h2>\u63a7\u5236\u8fb9\u6846\u534a\u5f84\u3001\u989c\u8272\u548c\u5927\u5c0f<\/div><\/div>

\u63a7\u5236\u4f60\u7684\u8fb9\u6846<\/h3>\u65b0A4\u7531\u4e8e\u91c7\u7528\u5168\u65b0\u7684\u8bbe\u8ba1\u548c\u66f4\u52a0\u575a\u56fa\u7684\u6750\u6599\uff0c\u4f7f\u5176\u4e58\u5458\u8231\u53d8\u578b\u8f83\u5c0f\uff0c\u811a\u8e0f\u677f\u5411\u540e\u6ed1\u79fb7cm\uff0cA\u67f1\u548c\u4eea\u8868\u53f0\u4f4d\u79fb3cm\u3002<\/div><\/div><\/div><\/div><\/div>
<\/i><\/div>

\u4f60\u7684<\/h2>\u63a7\u5236\u8fb9\u6846\u5927\u5c0f\u3001\u534a\u5f84\u548c\u989c\u8272<\/div><\/div>

\u63a7\u5236\u4f60\u7684\u8fb9\u6846<\/h3>\u65b0A4\u7531\u4e8e\u91c7\u7528\u5168\u65b0\u7684\u8bbe\u8ba1\u548c\u66f4\u52a0\u575a\u56fa\u7684\u6750\u6599\uff0c\u4f7f\u5176\u4e58\u5458\u8231\u53d8\u578b\u8f83\u5c0f\uff0c\u811a\u8e0f\u677f\u5411\u540e\u6ed1\u79fb7cm\uff0cA\u67f1\u548c\u4eea\u8868\u53f0\u4f4d\u79fb3cm\u3002<\/div><\/div><\/div><\/div><\/div>
<\/i><\/div>

\u8fb9\u6846<\/h2>\u63a7\u5236\u8fb9\u6846\u5927\u5c0f\u3001\u534a\u5f84\u548c\u989c\u8272<\/div><\/div>

\u63a7\u5236\u4f60\u7684\u8fb9\u6846<\/h3>\u65b0A4\u7531\u4e8e\u91c7\u7528\u5168\u65b0\u7684\u8bbe\u8ba1\u548c\u66f4\u52a0\u575a\u56fa\u7684\u6750\u6599\uff0c\u4f7f\u5176\u4e58\u5458\u8231\u53d8\u578b\u8f83\u5c0f\uff0c\u811a\u8e0f\u677f\u5411\u540e\u6ed1\u79fb7cm\uff0cA\u67f1\u548c\u4eea\u8868\u53f0\u4f4d\u79fb3cm\u3002<\/div><\/div><\/div><\/div><\/div><\/div>
<\/div>
<\/div><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"footnotes":""},"class_list":["post-10595","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.4mudi.com\/demo\/avada\/index.php?rest_route=\/wp\/v2\/pages\/10595","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.4mudi.com\/demo\/avada\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.4mudi.com\/demo\/avada\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.4mudi.com\/demo\/avada\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.4mudi.com\/demo\/avada\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10595"}],"version-history":[{"count":4,"href":"http:\/\/www.4mudi.com\/demo\/avada\/index.php?rest_route=\/wp\/v2\/pages\/10595\/revisions"}],"predecessor-version":[{"id":11991,"href":"http:\/\/www.4mudi.com\/demo\/avada\/index.php?rest_route=\/wp\/v2\/pages\/10595\/revisions\/11991"}],"wp:attachment":[{"href":"http:\/\/www.4mudi.com\/demo\/avada\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10595"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}