How TO - Formulir Pencarian Animasi
Pelajari cara membuat formulir pencarian animasi dengan CSS.
Cara Membuat Formulir Pencarian Animasi
Klik pada kolom masukan:
Langkah 1) Tambahkan HTML:
Contoh
<input type="text" name="search" placeholder="Search..">
Langkah 2) Tambahkan CSS:
Contoh
input[type=text] {
width: 130px;
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
}
/* When the input field gets
focus, change its width to 100% */
input[type=text]:focus {
width: 100%;
}
Tip: Buka Tutorial Formulir HTML kami untuk mempelajari lebih lanjut tentang Formulir HTML.
Buka Tutorial Formulir CSS kami untuk mempelajari lebih lanjut tentang cara menata Formulir HTML.