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