jquery+css极简登录注册表单页面代码-html代码-BFW代码库

jquery+css极简登录注册表单页面代码

代码语言：html

代码描述：jquery+css极简登录注册表单页面代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/font-awesome-4.7.0/css/font-awesome.min.css">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
    <style>
        * {
      margin: 0;
      padding: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    
    body {
      font-family: "Open Sans", sans-serif;
      background: #e2e2e2;
    }
    
    svg {
      position: fixed;
      top: 10px;
      left: 180px;
    }
    
    .container {
      position: relative;
      top: 200px;
      left: 35%;
      display: block;
      margin-bottom: 80px;
      width: 500px;
      height: 360px;
      background: #fff;
      border-radius: 5px;
      overflow: hidden;
      z-index: 1;
    }
    
    h2 {
      padding: 40px;
      font-weight: lighter;
      text-transform: uppercase;
      color: #414141;
    }
    
    input {
      display: block;
      height: 50px;
      width: 90%;
      margin: 0 auto;
      border: none;
    }
    input::placeholder {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
      -webkit-transition: 0.5s;
      transition: 0.5s;
    }
    input:hover, input:focus, input:active:focus {
      color: #ff5722;
      outline: none;
      border-bottom: 1px solid #ff5722;
    }
    input:hover::placeholder, input:focus::placeholder, input:active:focus::placeholder {
      color: #ff5722;
      position: relative;
      -w.........完整代码请登录后点击上方下载按钮下载查看