{"id":2243,"date":"2017-05-06T14:31:38","date_gmt":"2017-05-06T06:31:38","guid":{"rendered":"http:\/\/www.qdabc.cn\/?p=2243"},"modified":"2017-05-06T14:31:38","modified_gmt":"2017-05-06T06:31:38","slug":"css%e6%97%b6%e9%92%9f%e6%95%88%e6%9e%9c%e5%9b%be","status":"publish","type":"post","link":"http:\/\/www.qdabc.cn\/?p=2243","title":{"rendered":"css\u65f6\u949f\u6548\u679c\u56fe"},"content":{"rendered":"<pre>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n\t&lt;head&gt;\r\n\t\t&lt;meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\"&gt;\r\n\t\t&lt;title&gt;RunJS&lt;\/title&gt;\r\n\t\t&lt;style&gt;\r\n.clock{\r\n\twidth:200px;\r\n\theight:200px;\r\n\tborder-radius:100%;\r\n\tposition:relative;\r\n\tbackground-image:url(http:\/\/sandbox.runjs.cn\/uploads\/rs\/193\/ybc7pl9z\/6880637_10180600137.jpg);\r\n\tbackground-size:100%;\r\n}\r\n.line{\r\n\theight:4px;\r\n\tbackground-color:red;\r\n\tmargin-left:-15px;\r\n\tmargin-top:-2px;\r\n}\r\n.original{\r\n\tposition:absolute;\r\n\tleft:50%;\r\n\ttop:50%;\r\n\twidth:1px;\r\n\theight:1px;\r\n\tfloat:left;\r\n\r\n}\r\n.clock&gt;.point{\r\n\tposition:absolute;\r\n\ttop:50%;\r\n\tleft:50%;\r\n\tmargin-left:-5px;\r\n\tmargin-top:-6px;\r\n\twidth:3px;\r\n\theight:3px;\r\n\tpadding:5px;\r\n\tbackground-color:red;\r\n\tborder-radius:13px;\r\n}\r\n.original.seconds{\r\n\t-webkit-animation:rotate_origin 60s linear infinite;\r\n\tanimation:rotate_origin 60s linear infinite;\r\n}\r\n.original.seconds&gt;.line{\r\n\tbackground-color:red;\r\n\twidth:100px;\r\n\theight:2px;\r\n}\r\n.original.minutes{\r\n\t-webkit-animation:rotate_origin 3600s linear infinite;\r\n\tanimation:rotate_origin 3600s linear infinite;\r\n}\r\n.original.minutes&gt;.line{\r\n\tbackground-color:blue;\r\n\twidth:80px;\r\n\theight:3px;\r\n}\r\n.original.hours{\r\n\t-webkit-animation:rotate_origin 86400s linear infinite;\r\n\tanimation:rotate_origin 86400s linear infinite;\r\n}\r\n.original.hours&gt;.line{\r\n\twidth:60px;\r\n\tbackground-color:green;\r\n}\r\n@-webkit-keyframes rotate_origin{\r\n\tfrom{\r\n\t\t-webkit-transform:rotateZ(0deg);\r\n\t}\r\n\tto{\r\n\t\t-webkit-transform:rotateZ(360deg);\r\n\t}\r\n}\r\n@keyframes rotate_origin{\r\n\tfrom{\r\n\t\ttransform:rotateZ(0deg);\r\n\t}\r\n\tto{\r\n\t\ttransform:rotateZ(360deg);\r\n\t}\r\n}\r\n\t\t&lt;\/style&gt;\r\n\t&lt;\/head&gt;\r\n\t&lt;body&gt;\r\n\t\t&lt;div class=\"clock\"&gt;\r\n\t\t\t&lt;div class=\"original hours\"&gt;\r\n\t\t\t\t&lt;div class=\"line\"&gt;&lt;\/div&gt;\r\n\t\t\t&lt;\/div&gt;\r\n\t\t\t&lt;div class=\"original minutes\"&gt;\r\n\t\t\t\t&lt;div class=\"line\"&gt;&lt;\/div&gt;\r\n\t\t\t&lt;\/div&gt;\r\n\t\t\t&lt;div class=\"original seconds\"&gt;\r\n\t\t\t\t&lt;div class=\"line\"&gt;&lt;\/div&gt;\r\n\t\t\t&lt;\/div&gt;\r\n\t\t\t&lt;div class=\"point\"&gt;&lt;\/div&gt;\r\n\t\t\t\r\n\t\t&lt;\/div&gt;\r\n\t&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=2243\">css\u65f6\u949f\u6548\u679c\u56fe<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv=&#8221;Content-Type&#8221; content=&#8221;text\/htm [&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":[28,13],"_links":{"self":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2243"}],"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=2243"}],"version-history":[{"count":1,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2243\/revisions"}],"predecessor-version":[{"id":2244,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/2243\/revisions\/2244"}],"wp:attachment":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2243"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2243"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}