{"id":5289,"date":"2016-09-08T14:52:25","date_gmt":"2016-09-08T06:52:25","guid":{"rendered":"https:\/\/sdeno.com\/?p=5289"},"modified":"2016-09-08T14:52:25","modified_gmt":"2016-09-08T06:52:25","slug":"css3%e5%91%bc%e5%90%b8%e7%81%af%e6%95%88%e6%9e%9c","status":"publish","type":"post","link":"https:\/\/sdeno.com\/?p=5289","title":{"rendered":"css3\u547c\u5438\u706f\u6548\u679c"},"content":{"rendered":"<a href=\"https:\/\/sdeno.com\/wp-content\/uploads\/2016\/09\/light_css.jpg\"><figure class=\"mdx-lazyload-container\" style=\"max-width:80px\"><div style=\"padding-top:97.5%\"><\/div><div class=\"mdx-img-loading-sp mdui-valign\"><div><div class=\"mdui-spinner\"><\/div><\/div><\/div><img width=\"80\" height=\"78\" class=\"alignnone size-full wp-image-5290 lazyload\" title=\"light_css\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/sdeno.com\/wp-content\/uploads\/2016\/09\/light_css.jpg\" alt=\"light_css\"><\/figure><\/a>\n<pre>&lt;div class=\"breathe-btn\"&gt;&lt;\/div&gt;<\/pre>\n<pre>.breathe-btn,.breathe-btn1,.breathe-btn2{\r\n width:5px; height:5px;border:5px solid #fff;left: 140px;top: 42px;\r\n position:absolute; border-radius:50%; box-shadow:0 0 0px 2px #fff; overflow:hidden;\r\n background-color:#fff;\r\n -webkit-animation-timing-function: ease-in-out;\r\n -webkit-animation-name: breathe;\r\n -webkit-animation-duration: 2700ms;\r\n -webkit-animation-iteration-count: infinite;\r\n -webkit-animation-direction: alternate;\r\n\r\n animation-timing-function: ease-in-out;\r\n animation-name: breathe;\r\n animation-duration: 2700ms;\r\n animation-iteration-count: infinite;\r\n animation-direction: alternate;\r\n}\r\n\r\n\r\n.breathe-btn1{\r\n width:7px; height:7px;border:5px solid #fff;left: 250px;top: 48px;\r\n -webkit-animation-timing-function: ease-in-out;\r\n -webkit-animation-name: breathe;\r\n -webkit-animation-duration: 2000ms;\r\n -webkit-animation-iteration-count: infinite;\r\n -webkit-animation-direction: alternate;\r\n\r\n animation-timing-function: ease-in-out;\r\n animation-name: breathe;\r\n animation-duration: 2000ms;\r\n animation-iteration-count: infinite;\r\n animation-direction: alternate;\r\n}\r\n\r\n\r\n.breathe-btn2{\r\n width:10px; height:10px;border:5px solid #fff;left: 350px;top: 40px;\r\n -webkit-animation-timing-function: ease-in-out;\r\n -webkit-animation-name: breathe;\r\n -webkit-animation-duration: 3000ms;\r\n -webkit-animation-iteration-count: infinite;\r\n -webkit-animation-direction: alternate;\r\n\r\n animation-timing-function: ease-in-out;\r\n animation-name: breathe;\r\n animation-duration: 3000ms;\r\n animation-iteration-count: infinite;\r\n animation-direction: alternate;\r\n}\r\n\r\n@-webkit-keyframes breathe {\r\n 0% { box-shadow:0 1px 2px #fff;}\r\n 100% { border:5px solid #fff; box-shadow:0 0 50px 20px #fff;}\r\n}\r\n\r\n@keyframes breathe {\r\n 0% { box-shadow:0 1px 2px #fff;}\r\n 100% { border:5px solid #fff; box-shadow:0 0 50px 20px #fff;}\r\n}<\/pre>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&lt;div class=&#8221;breathe-btn&#8221;&gt;&lt;\/div&gt; .breathe-bt [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-5289","post","type-post","status-publish","format-standard","hentry","category-11"],"_links":{"self":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/5289","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5289"}],"version-history":[{"count":0,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/5289\/revisions"}],"wp:attachment":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5289"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5289"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}