Source Code Custom Login Form Styling Jquery dan CSS3

 

DEMO | DOWNLOAD

Beberapa hal sebelum mulai:

• Anda tidak akan melihat prefiks vendor apapun di potongan CSS, tetapi Anda tentu saja akan menemukan mereka di dalam file.
• Tujuan dari tutorial ini adalah untuk menunjukkan potensi CSS, terutama CSS3, itu sebabnya rendering bisa diubah pada IE8-. Jika Anda berencana untuk mendukung penggunaan browser, pastikan untuk membuat fallbacks.
• Saya tidak menggunakan atribut pada tag form sebagai tindakan, karena fokus pada desain.
• Saya pribadi menggunakan kotak-model yang mana [width] = [element-width] + [padding] + [borders]. Saya mengaktifkannya dengan potongan berikut:

*,

*:after,

*:before {

    box-sizing: border-box;

}

Sumber: tympanus