{"id":1688,"date":"2017-03-24T10:27:02","date_gmt":"2017-03-24T02:27:02","guid":{"rendered":"http:\/\/www.qdabc.cn\/?p=1688"},"modified":"2017-03-24T01:28:44","modified_gmt":"2017-03-23T17:28:44","slug":"%e9%9d%9e%e5%b8%b8%e6%bc%82%e4%ba%ae%e7%9a%84css3-loading%e5%8a%a8%e7%94%bb","status":"publish","type":"post","link":"http:\/\/www.qdabc.cn\/?p=1688","title":{"rendered":"\u975e\u5e38\u6f02\u4eae\u7684CSS3 loading\u52a8\u753b"},"content":{"rendered":"<pre>&lt;!doctype html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;meta charset=\"utf-8\"&gt;\r\n&lt;title&gt;loading\u52a8\u753b&lt;\/title&gt;\r\n&lt;h3&gt;loading\u52a8\u753b5&lt;\/h3&gt;\r\n&lt;style&gt;\r\nh3{ text-align:center;}\r\n.loading-demo5 { margin: 60px auto; width: 70px; text-align: center; }\r\n.loading-demo5 &gt; div { width: 18px; height: 18px; background-color: #09c; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; \/* Prevent first frame from flickering when animation starts *\/\r\n-webkit-animation-fill-mode: both; animation-fill-mode: both; }\r\n.loading-demo5 .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }\r\n.loading-demo5 .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }\r\n @-webkit-keyframes bouncedelay {  0%, 80%, 100% {\r\n-webkit-transform: scale(0.0)\r\n}\r\n 40% {\r\n-webkit-transform: scale(1.0)\r\n}\r\n}\r\n @keyframes bouncedelay {  0%, 80%, 100% {\r\n transform: scale(0.0);\r\n -webkit-transform: scale(0.0);\r\n}\r\n40% {\r\n transform: scale(1.0);\r\n -webkit-transform: scale(1.0);\r\n}\r\n}\r\n&lt;\/style&gt;\r\n&lt;div class=\"loading-demo5\"&gt;\r\n  &lt;div class=\"bounce1\"&gt;&lt;\/div&gt;\r\n  &lt;div class=\"bounce2\"&gt;&lt;\/div&gt;\r\n  &lt;div class=\"bounce3\"&gt;&lt;\/div&gt;\r\n&lt;\/div&gt;\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;<\/pre>\n<p class=\"post-copyright\">\u6b22\u8fce\u5206\u4eab\u672c\u6587\uff0c\u8f6c\u8f7d\u8bf7\u4fdd\u7559\u51fa\u5904\uff1a<a href=\"http:\/\/www.qdabc.cn\">\u524d\u7aefABC<\/a> &raquo; <a href=\"http:\/\/www.qdabc.cn\/?p=1688\">\u975e\u5e38\u6f02\u4eae\u7684CSS3 loading\u52a8\u753b<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>&lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=&#8221;utf-8&#8243;&gt; &lt;title&gt;loading\u52a8\u753b&#038; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[12,34,137],"_links":{"self":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/1688"}],"collection":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1688"}],"version-history":[{"count":1,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/1688\/revisions"}],"predecessor-version":[{"id":1689,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/1688\/revisions\/1689"}],"wp:attachment":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1688"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1688"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1688"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}