How To Create a Login Form | html login form
/*TheModal(background)*/.modal{ display:none;/*Hiddenbydefault*/ position:fixed;/*Stayinplace*/ z-index:1;/*Sitontop*/ left:0; top:0; width:100%;/*Fullwidth*/ height:100%;/*Fullheight*/ overflow:auto;/*Enablescrollifneeded*/ background-color:rgb(0,0,0);/*Fallbackcolor*/ background-color:rgba(0,0,0,0.4);/*Blackw/opacity*/ padding-top:60px;}/*ModalContent/Box*/.modal-content{ background-color:#fefefe; margin:5pxauto;/*15%fromthetopandcentered*/ border:1pxsolid#888; width:80%;/*Couldbemore...
/* The Modal (background) */.modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ padding-top: 60px;}/* Modal Content/Box */.modal-content { background-color: #fefefe; margin: 5px auto; /* 15% from the top and centered */ border: 1px solid #888; width: 80%; /* Could be more or less, depending on screen size */}
/* The Close Button */.close { /* Position it in the top right corner outside of the modal */ position: absolute; right: 25px; top: 0; color: #000; font-size: 35px; font-weight: bold;}
/* Close button on hover */.close:hover,.close:focus { color: red; cursor: pointer;}
/* Add Zoom Animation */.animate { -webkit-animation: anim...