jquery+css实现动态背景登录表单页面代码

代码语言:html

所属分类:表单美化

代码描述:jquery+css实现动态背景登录表单页面代码

代码标签: jquery css 动态 背景 登录 表单 页面 代码

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

<!DOCTYPE html>
<head>
   
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   
<meta name="renderer" content="webkit" />
   
<meta name="force-rendering" content="webkit" />
   
<title></title>
 
<style>
@charset "utf-8";
/* CSS Document */
* {
        margin: 0;
        padding: 0
}
ul li {
        list-style: none
}
img {
        border: 0;
        max-width: 100%;
}
a {
        text-decoration: none;
        color: #333
}
.clear {
        clear: both
}
body {
        font-family: "微软雅黑";
        width: 100%;
        margin: 0;
        width: 100%;
        height: 100vh;
        color: #fff;
        background: linear-gradient(-45deg, #231f6e, #20bdfe, #2600b4, #1d1a44);
        background-size: 400% 400%;
        animation: gradientBG 15s ease infinite;
        overflow: hidden
}
@keyframes gradientBG {
        0% {
                background-position: 0% 50%;
        }
        50% {
                background-position: 100% 50%;
        }
        100% {
                background-position: 0% 50%;
        }
}
a:hover {
        text.........完整代码请登录后点击上方下载按钮下载查看

网友评论0