jquery实现4位数密码框输入显示隐藏效果代码
代码语言:html
所属分类:表单美化
代码描述:jquery实现4位数密码框输入显示隐藏效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/solid.5.3.1.css">
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/fontawesome.5.3.1.css">
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Nunito:900'>
<style>
* {
outline:none;
}
html,body {
height:100%;
min-height:100%;
}
#app-cover {
position:absolute;
top:50%;
left:0;
right:0;
width:350px;
margin:0 auto;
margin-top:-40px;
}
#cover {
position:relative;
height:80px;
background-color:#25bf2b;
border-radius:120px;
box-shadow:0 10px 40px #208a23;
overflow:hidden;
}
#key-icon,#key-cover,#key-.........完整代码请登录后点击上方下载按钮下载查看
















网友评论0