自适应背景粒子动画效果的登录表单页面代码-html代码-BFW代码库

自适应背景粒子动画效果的登录表单页面代码

代码语言：html

代码描述：自适应背景粒子动画效果的登录表单页面代码

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

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

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

    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <style>
        @charset "utf-8";
    /* CSS Document */
    /*Reset*/
    *{box-sizing:content-box;}
    a:hover, a:focus{text-decoration:none;}
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
    table{border-collapse:collapse;border-spacing:0;}
    body{-webkit-text-size-adjust:none;}
    fieldset,img{border:0;}
    img{ vertical-align: top; max-width: 100%; }
    address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
    ol,ul{list-style:none;}
    caption,th{text-align:left;}
    h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
    q:before,q:after{content:'';}
    abbr,acronym {border:0;}
    .clearfix:after{visibility:hidden;display: block;font-size:0;content:" ";clear:both;height:0;}
    * html .clearfix{ zoom: 1; } /* IE6 */
    *:first-child+html .clearfix { zoom: 1; } /* IE7 */
    .cli{ clear:both; font-size:0; height:0; overflow:hidden;display:block;}
    .lclear{clear:left;font-size:0;height:0;overflow:hidden;}   
    .fl{float:left;}
    .fr{float:right;}
    
    /* ֹ
    iframe{nifm2:expression(this.src='about:blank',this.outerHTML='');}
    script{no2js:expression((this.src.toLowerCase().indexOf('http')==0)?document.close():'');}
    */
    /* ıԼ˶
    div{word-wrap: break-word;word-break: normal;}  
    p{text-align:justify; text-justify:inter-ideograph;}
    */
    /*general*/
    body{font-size:12px;font-family:'微软雅黑',"宋体","Arial Narrow",Helvetica,sans-serif;color:#000;line-height:1.2;text-align:left;}
    a{color:#333;text-decoration:none;}
    
            html,body{ 
                width:100%;
                height:100%;
        }
        body{background-image: url(//repo.bfw.wiki/bfwrepo/image/611da9b999795.png);}
       
    .count-particles{
      background: #000022;
      position: absolute;
      top: 48px;
      left: 0;
      width: 80px;
      color: #13E8E9;
      font-size: .8em;
      text-align: left;
      text-indent: 4px;
      line-height: 14px;
      .........完整代码请登录后点击上方下载按钮下载查看