bootstrap+jquery实现自适应三维立体登录注册表单效果代码

代码语言:html

所属分类:表单美化

代码描述:bootstrap+jquery实现自适应三维立体登录注册表单效果代码

代码标签: bootstrap jquery 自适应 三维 立体 登录 注册 表单

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

<!DOCTYPE html>
<html lang="en" class="html-style">

<head>
    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/bootstrap.3.3.4.css">
    <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Fira+Sans:400,700'>
    <style>
        .html-style body {
    	background-image:url("//repo.bfw.wiki/bfwrepo/image/649d2a94b2a0d.png");
    	background-position:center top;
    	background-size:cover;
    	background-repeat:no-repeat;
    	
    	min-height:100vh;
    	
    	background-color: lightgreen;
    	background-blend-mode: multiply;
    
    	font-family:"Fira Sans";
    	font-weight:400;
    }
    
    .border-0 {
    	border:none;
    }
    
    .modal-style {
    	background-image: url("//repo.bfw.wiki/bfwrepo/image/649d2a94b2a0d.png");
    	background-position: center top;
    	background-size: cover;
    	
    	background-color: lightgreen;
  .........完整代码请登录后点击上方下载按钮下载查看

网友评论0