{"id":389,"date":"2020-02-11T16:14:24","date_gmt":"2020-02-11T08:14:24","guid":{"rendered":"https:\/\/blog.cqdefxxx.com\/?p=389"},"modified":"2020-02-11T16:14:24","modified_gmt":"2020-02-11T08:14:24","slug":"%e9%bc%a0%e6%a0%87%e6%82%ac%e5%81%9c%e8%83%8c%e6%99%af%e5%8a%a8%e7%94%bb","status":"publish","type":"post","link":"https:\/\/blog.viter.top\/index.php\/2020\/02\/11\/%e9%bc%a0%e6%a0%87%e6%82%ac%e5%81%9c%e8%83%8c%e6%99%af%e5%8a%a8%e7%94%bb\/","title":{"rendered":"\u9f20\u6807\u60ac\u505c\u80cc\u666f\u52a8\u753b"},"content":{"rendered":"<p>\u5c55\u793a\u5730\u5740\uff1a<a href=\"http:\/\/show.cqdefxxx.com\/Animated gradient buttons on hover\" target=\"_blank\"  rel=\"nofollow\" >show.cqdefxxx.com\/Animated gradient buttons on hover<\/a><\/p>\n<pre class=\"pure-highlightjs\"><code class=\"\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n\t&lt;head&gt;\n\t\t&lt;meta charset=\"utf-8\"&gt;\n\t\t&lt;title&gt;&lt;\/title&gt;\n        &lt;link rel=\"stylesheet\" href=\"style.css\"&gt;\n        &lt;style&gt;\n            body{\n                margin:0;\n                padding:0;\n                background: #f1f1f1;\n            }\n            \n            .conatiner{\n                position:absolute;\n                top:50%;\n                left:50%;\n                transform: translate(-50%,-50%);\n                text-align:center;\n            }\n            \n            .btn{\n                border:none;\n                margin:20px;\n                padding: 20px;\n                width:220px;\n                font-family: \"montserrat\" sans-serif;\n                text-transform: uppercase;\n                border-radius: 6px;\n                cursor:pointer;\n                color:#fff;\n                background-size:200%;\n                transition:.5s;\n            }\n            \n            .btn1{\n                background-image:linear-gradient(to left,#25f8cb,#30dff3,#25f8cb);\n            }\n            .btn1:hover{\n                background-position: right;\n            }\n            .btn2{\n                background-image:linear-gradient(to left,#7397ab,#d1d9e0,#7397ab);\n            }\n            .btn2:hover{\n                background-position: right;\n            }\n            .btn3{\n                background-image:linear-gradient(to left,#a78e44,#bacac6,#a78e44);\n            }\n            .btn3:hover{\n                background-position: right;\n            }\n            .btn4{\n                background-image:linear-gradient(to left,#4b5cc4,#70f3ff,#4b5cc4);\n            }\n            .btn4:hover{\n                background-position: right;\n            }\n        &lt;\/style&gt;\n\t&lt;\/head&gt;\n\t&lt;body&gt;\n        &lt;div class=\"conatiner\"&gt;\n            &lt;button class=\"btn btn1\"&gt;honver1&lt;\/button&gt;\n            &lt;button class=\"btn btn2\"&gt;honver2&lt;\/button&gt;\n            &lt;button class=\"btn btn3\"&gt;honver3&lt;\/button&gt;\n            &lt;button class=\"btn btn4\"&gt;honver4&lt;\/button&gt;\n        &lt;\/div&gt;\n\t&lt;\/body&gt;\n&lt;\/html&gt;\n<\/code><\/pre>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5c55\u793a\u5730\u5740\uff1ashow.cqdefxxx.com\/Animated gradient buttons on hover &lt;!DO &#8230;<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[],"tags":[3],"_links":{"self":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts\/389"}],"collection":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/comments?post=389"}],"version-history":[{"count":0,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts\/389\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/media?parent=389"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/categories?post=389"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/tags?post=389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}