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