"Login-form with css"
Bootstrap 3.0.0 Snippet by gowiphi

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <body background="http://subtlepatterns.subtlepatterns.netdna-cdn.com/patterns/debut_dark.png"> <div> </br> <img src="http://www.techyville.com/wp-content/uploads/2013/05/sitting-at-computer.jpg"> <h2 class="first">Login</h2> <h2 class="second">Username:</h2> <input type="name"> <h2 class="second">Password:</h2> <input type="password"> </br> </br> <center> <a href="#">Login</a> </center> </div>
div { color: #761212; background-color: #761212; width: 330px; height: 470px; margin: 0px auto; box-shadow: 0px 0px 10px black; } img { width: 130px; height: 130px; display: block; margin-right: auto; margin-left: auto; border-radius: 50%; } .first { text-align: center; color: white; font-family: cursive; } .second { color: white; font-family: arial; text-shadow: 1px 1px 10px purple; text-align: center; } input { transition: 0.40s; -webkit-transition: 0.40s; -moz-transition: 0.40s; -o-transition: 0.40s; display: block; margin-right: auto; margin-left: auto; background-color: black; color: white; text-shadow: 1px 1px 1px grey; font-family: verdana; } a { transition: 0.40s; -webkit-transition: 0.40s; -moz-transition: 0.40s; -o-transition: 0.40s; -ms-transition: 0.40s; font-size: 20px; text-decoration: none; color: white; text-align: center; font-family: sans-serif; background-color: #51ff51; border-radius: 5px; padding: 7px; box-shadow: 0px 1px 1px #01a05f; } a:hover { transition: 0.40s; -webkit-transition: 0.40s; -moz-transition: 0.40s; -o-transition: 0.40s; -ms-transition: 0.40s; background-color: #1ebd06; } a:active { transition: 0.10s; -webkit-transition: 0.10s; -moz-transition: 0.10s; -o-transition: 0.10s; font-size: 23px; } input:focus { transition: 0.40s; -webkit-transition: 0.40s; -moz-transition: 0.40s; -o-transition: 0.40s; background-color: #65bcff; }

Related: See More


Questions / Comments: