An attractive login form..I think.
Colors can be changed acc to your choice..
Check it out
<html>
<head>
<title>
</title>
</head>
<style>
#loginform
{
background-color:rgba(324,100,
padding:20px;
position:absolute;
-webkit-border-radius:10px;
}
form
{
-webkit-border-radius:10px;
background-color:rgba(123,121,
padding:10px;
}
input
{
-webkit-border-radius:5px;
border:none;
padding:3px;
}
#formone:hover
{
-webkit-transform:scale(1.09);
box-shadow:0px 0px 5px white;
}
input:hover
{
box-shadow:0px 0px 5px black;
}
</style>
<body>
<div id="loginform">
<form id="formone">
<input type="text" name="uname" placeholder="Username Here" size="28"><br>
<input type="password" name="password" placeholder="************">
<input type="submit" name="submit" value="Login">
</form>
</div>
</body>
</html>
Colors can be changed acc to your choice..
Check it out
<html>
<head>
<title>
</title>
</head>
<style>
#loginform
{
background-color:rgba(324,100,
padding:20px;
position:absolute;
-webkit-border-radius:10px;
}
form
{
-webkit-border-radius:10px;
background-color:rgba(123,121,
padding:10px;
}
input
{
-webkit-border-radius:5px;
border:none;
padding:3px;
}
#formone:hover
{
-webkit-transform:scale(1.09);
box-shadow:0px 0px 5px white;
}
input:hover
{
box-shadow:0px 0px 5px black;
}
</style>
<body>
<div id="loginform">
<form id="formone">
<input type="text" name="uname" placeholder="Username Here" size="28"><br>
<input type="password" name="password" placeholder="************">
<input type="submit" name="submit" value="Login">
</form>
</div>
</body>
</html>
No comments:
Post a Comment