{"id":384,"date":"2020-02-10T23:14:13","date_gmt":"2020-02-10T15:14:13","guid":{"rendered":"https:\/\/blog.cqdefxxx.com\/?p=384"},"modified":"2020-02-10T23:14:13","modified_gmt":"2020-02-10T15:14:13","slug":"%e7%99%bb%e5%bd%95%e6%a1%86","status":"publish","type":"post","link":"https:\/\/blog.viter.top\/index.php\/2020\/02\/10\/%e7%99%bb%e5%bd%95%e6%a1%86\/","title":{"rendered":"\u767b\u5f55\u6846"},"content":{"rendered":"

\u5c55\u793a\u5730\u5740\uff1ahttp:\/\/show.cqdefxxx.com\/login\/index.html<\/a><\/p>\n

<!DOCTYPE html>\n<html>\n\t<head>\n\t\t<meta charset=\"utf-8\">\n\t\t<title><\/title>\n        <link rel=\"stylesheet\" href=\"style.css\">\n        <style>\n            *{\n                margin:0;\n                padding: 0;\n                text-decoration:none;\n                font-family: montserrat;\n                box-sizing: border-box;\n            }\n            \n            body{\n                min-height: 100vh;\n                background-image: linear-gradient(120deg,#44cef6,#003371);\n            }\n            \n            .login-form{\n                width:360px;\n                background: #f1f1f1;\n                height: 580px;\n                padding:80px 40px;\n                border-radius: 10px;\n                position:absolute;\n                left:50%;\n                top:50%;\n                transform: translate(-50%,-50%);\n            }\n            \n            .login-form h1{\n                text-align: center;\n                margin-bottom: 60px;\n            }\n            \n            .txtb{\n                border-bottom: 2px solid #adadad;\n                position:relative;\n                margin:30px 0; \n            }\n            \n            .txtb input{\n                font-size:15px;\n                color:#333;\n                border:none;\n                width:100%;\n                outline:none;\n                background: none;\n                padding:0 5px;\n                height:40px;\n            }\n            \n            .txtb span::before{\n                content:attr(data-placeholder);\n                position:absolute;\n                top:50%;\n                left:5px;\n                color:#adadad;\n                transform: translateY(-50%);\n                z-index:-1;\n                transition:.5s;\n            }\n            \n            .txtb span::after{\n                content:\"\";\n                position:absolute;\n                top:100%;\n                left:0;\n                width:0%;\n                height:2px;\n                background-image: linear-gradient(120deg,#44cef6,#003371);\n                transition: .5s;   \n            }\n            \n            .focus + span::before{\n                top:-5px;\n            }\n            \n            .focus + span::after{\n                width:100%;\n            }\n            \n            .loginbtn{\n                display: block;\n                width:100%;\n                height: 50px;\n                border: none;\n                background-image: linear-gradient(120deg,#44cef6,#003371,#44cef6);\n                background-size: 200%;\n                color:#fff;\n                outline:none;\n                cursor:pointer;\n                transition:.5s;\n            }\n            \n            .loginbtn:hover{\n                background-position: right;\n            }\n            \n            .bottom-text{\n                margin-top:60px;\n                text-align: center;\n                font-size:20px;\n            }\n        <\/style>\n        <script src=\"https:\/\/www.jq22.com\/jquery\/jquery-1.7.1.js\"><\/script>\n\t<\/head>\n\t<body>\n        <form action=\"index.html\" class=\"login-form\">\n            <h1>Login<\/h1>\n            <div class=\"txtb\">\n                <input type=\"text\">\n                <span data-placeholder=\"User\"><\/span>\n            <\/div>\n            \n            <div class=\"txtb\">\n                <input type=\"password\">\n                <span data-placeholder=\"Password\"><\/span>\n            <\/div>\n            \n            <input type=\"submit\" class=\"loginbtn\" value=\"login\">\n            \n            <div class=\"bottom-text\">\n                Don't have account? <a href=\"#\">Sing Up<\/a>\n            <\/div>\n            \n        <\/form>\n        <script type=\"text\/javascript\">\n            $(\".txtb input\").on(\"focus\",function(){\n                $(this).addClass(\"focus\");\n            })\n            $(\".txtb input\").on(\"blur\",function(){\n                if ($(this).val() == \"\") $(this).removeClass(\"focus\");\n            })\n        <\/script>\n\t<\/body>\n<\/html><\/pre>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
\u5c55\u793a\u5730\u5740\uff1ahttp:\/\/show.cqdefxxx.com\/login\/index.html <!DOCTYPE html& …","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\/384"}],"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=384"}],"version-history":[{"count":0,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts\/384\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/media?parent=384"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/categories?post=384"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/tags?post=384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}