{"id":1313,"date":"2025-05-28T14:46:00","date_gmt":"2025-05-28T06:46:00","guid":{"rendered":"https:\/\/blog.viter.top\/?p=1313"},"modified":"2025-05-28T14:46:00","modified_gmt":"2025-05-28T06:46:00","slug":"button%e7%9a%84hover%e5%8a%a8%e6%95%88","status":"publish","type":"post","link":"https:\/\/blog.viter.top\/index.php\/2025\/05\/28\/button%e7%9a%84hover%e5%8a%a8%e6%95%88\/","title":{"rendered":"button\u7684hover\u52a8\u6548"},"content":{"rendered":"\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html>\n&lt;html lang=\"en\">\n  &lt;head>\n    &lt;meta charset=\"UTF-8\" \/>\n    &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n    &lt;title>test&lt;\/title>\n  &lt;\/head>\n  &lt;style>\n    .tp-header-btn {\n      background: #1b1f2e;\n      color: #ffffff;\n      display: inline-block;\n      letter-spacing: 1px;\n      text-transform: uppercase;\n      font-weight: 700;\n      padding: 11px 50px;\n      transition: 0.3s;\n      overflow: hidden;\n      position: relative;\n      z-index: 1;\n    }\n    .tp-header-btn:hover {\n      color: #ffffff;\n    }\n    .tp-header-btn::before {\n      content: \"\";\n      display: block;\n      height: 100%;\n      width: 100%;\n      transform: skew(90deg) translate(-50%, -50%);\n      position: absolute;\n      inset: 50%;\n      left: 25%;\n      z-index: -1;\n      transition: 0.6s ease-out;\n      background-color: #674df0;\n    }\n    .tp-header-btn::before {\n      top: -50%;\n      left: -25%;\n      transform: skew(90deg) rotate(180deg) translate(-50%, -50%);\n    }\n    .tp-header-btn::after {\n      content: \"\";\n      display: block;\n      height: 100%;\n      width: 100%;\n      transform: skew(90deg) translate(-50%, -50%);\n      position: absolute;\n      inset: 50%;\n      left: 25%;\n      z-index: -1;\n      transition: 0.6s ease-out;\n      background-color: #674df0;\n    }\n    .tp-header-btn:hover::before {\n      transform: skew(45deg) rotate(180deg) translate(-50%, -50%);\n    }\n    .tp-header-btn:hover::after {\n      transform: skew(45deg) translate(-50%, -50%);\n    }\n  &lt;\/style>\n  &lt;body>\n    &lt;a class=\"tp-header-btn\">\n      &lt;span>Get gjreiojg&lt;\/span>\n    &lt;\/a>\n  &lt;\/body>\n&lt;\/html>\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[3],"_links":{"self":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts\/1313"}],"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=1313"}],"version-history":[{"count":1,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts\/1313\/revisions"}],"predecessor-version":[{"id":1314,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts\/1313\/revisions\/1314"}],"wp:attachment":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/media?parent=1313"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/categories?post=1313"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/tags?post=1313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}