Cool Glass polish HTML5 registration Form

The Glass polish form is designed in HTML5 & CSS3.this form can be use in any way.whether use in signup,login or personal details .you just have to change tag name of form with your required tag name.

DEMO || DOWNLOAD

A Registration form which have big textbox ,stylish button, Html5 oriented & glass finish shadow.HTML5 & pure css3 is used to design this form.It can also be modified as programmer want.

Code Of Form

#f3{

width:500px;
height:auto;
background: #1F6797;
box-shadow: 5px 5px 1px rgba(35, 87, 143, 0.41),10px 10px 1px rgba(52, 92, 163, 0.37);
}

#reg{
font-size: 33px;
color: white;
font-family: corbel;
font-weight: 100;
border-bottom: 2px solid #3675C4;
padding-right: 286px;
padding-left: 103px;
}
#spal{margin-top: 11px;
background: #88C5E2;
font-size: 23px;
color: #F1F1F1;
font-family: arial;
width: 90%;
padding-bottom: 10px;text-shadow: 0px 0px 5px #4D7ADA;
padding-top:17px;
}

#span1{margin-right: 358px;}
input[type='text'] {
height:48px;
padding-left:15px;
font-size:16px;
font-family:arial;
font-weight:100;
border:none;box-shadow: 0px 0px 12px #267AA2;
}
input[type='email'] {
height:48px;
padding-left:15px;
font-size:16px;
font-family:arial;
font-weight:100;
border:none;box-shadow: 0px 0px 12px #267AA2;
}
input[type='password'] {
height:48px;
padding-left:15px;
font-size:16px;
font-family:arial;
font-weight:100;box-shadow: 0px 0px 12px #267AA2;
border:none;
}
#home{list-style: none;
width: 100%;
margin-left: -34px;}

#but
{margin-top: 1px;
background: orange;
color: white;
border: none;
height: 47px;
font-family: arial;
padding-left: 37%;
padding-right: 37%;
font-size: 20px;
box-shadow: inset 2px -1px -2px white;

}

</style>

</head>
<body>
<center>
<form id='f3'>
<br/>
<br/>

<span id='reg'>Register</span>
<ul id='home'>
<li id='spal'>

Cool Glass polish HTML5 registration Form

0 comments:

Post a Comment

Translate