Membuat Login Keren dengan CSS

hey broangnet.....

kali ini kita bikin login lagi...dengan desain sederhana dan simple tapi enak di liat...
kalian juga bisa edit sendiri warna sesuai keinginan kalian....
Membuat Login keren dengan Css tanpa bootstrap.....tapi tetep keren ...

langsung saja yang mw mencobanya di ambil codenya..

login.html

style.css

*{
    margin: 0;
    padding: 0;
    background-color: #2c3e50;
}
.login{
    margin: auto;
    width: 40%;
    text-align: center;
}
h1{
    margin-top: 100px;
    font-family: fantasy;
    font-variant: small-caps;
    font-size: 50px;
    color: #1abc9c;
}
.login form{
    margin-top: 50px;
}
input[type=text]{
    width: 100%;
    padding: 20px 40px;
    margin-bottom: 10px;
    border: 5px solid #1abc9c;
    font-size: 20px;
    font-family: sans-serif;
    background-color: #34495e;
    color: #1abc9c;
}
input[type=password]{
    float: left;
    width: 65%;
    padding: 20px 40px;
    border: 5px solid #1abc9c;
    font-size: 20px;
    font-family: sans-serif;
    background-color: #34495e;
    color: #1abc9c;
    
}
input[type=submit]{
    float: right;
    width: 30%;
    padding: 20px 0px;
    border: 5px solid #1abc9c;
    cursor: pointer;
    font-family: sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #16a085;
    background-color: #34495e;
}
input[type=submit]:hover{
    background-color: #1abc9c;
    color: #2c3e50;
}
input[type=submit]:active{
    background-color: #2c3e50;
}

untuk lebih jelas bisa di tonton video tutorialnya di chanel Broangnet

sekian dulu untuk kali ini di tunggu post minggu depan yaa...
...karena akan ada update tiap minggu...

Membuat Login Keren dengan CSS | Flat Color

BroangNet

Contact form