svg+css实现简洁登录注册表单页面代码
代码语言:html
所属分类:表单美化
代码描述:svg+css实现简洁登录注册表单页面代码浮图片文字翻入动画效果代码
代码标签: svg css 简洁 登录 注册 表单 页面 代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />
<style>
body{
margin: 100px;
}
.container {
max-width: 350px;
background: #F8F9FD;
background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(244, 247, 251) 100%);
border-radius: 40px;
padding: 25px 35px;
border: 5px solid rgb(255, 255, 255);
box-shadow: rgba(133, 189, 215, 0.8784313725) 0px 30px 30px -20px;
margin: 20px;
}
.heading {
text-align: center;
font-weight: 900;
font-size: 30px;
color: rgb(16, 137, 211);
}
.form {
margin-top: 20px;
}
.form .input {
width: 100%;
background: white;
border: none;
padding: 15px 20px;
border-radius: 20px;
margin-top: 15px;
box-shadow: #cff0ff 0px 10px 10px -5px;
border-inline: 2px solid transparent;
}
.form .input::-moz-placeholder {
color:.........完整代码请登录后点击上方下载按钮下载查看
网友评论0