Store Open! Beli Netflix Premium Mulai Dari 45K Doang!.

Cara Membuat Animasi Placeholder dengan CSS

Cara membuat animasi placeholder  Dengan CSS
  Jika pada umumnya teks placeholder adalah teks yang sifatnya statis namun dengan adanya CSS, tampilan teks place-holder bisa kita kostumisasi menjadi lebih menarik lagi, seperti menambahkan efek atau animasi didalamnya. Seperti pada artikel yang akan mimin bahas yakni mem-buat animasi placeholder dengan CSS, jika kalian ingin membuat animasi pada tampi-lan teks placeholder, tidak ada salahnya untuk mencoba tutorial berikut. 
Baiklah langsung saja mimin akan prakte-kan bagaimana membuat animasi placehol-der berikut ini.
Langkah 1:Membuat animasi placeholder dengan CSS

pertama untuk membuat animasi place-holder adalah membuat struktur sederhana dengan sintak HTML seperti berikut kemudian silahkan simpan dengan nama index .html


  Pada kasus diatas, placeholder yang dibuattidak seperti kita membuat placeholderbiasanya dengan atribut placeholder, tetapi kita manipulsai dengan menambahkan tag spanspan untuk mengganti placeholdernya.
Langkah 2:Membuat animasi placeholder dengan CSS

 Langkah selanjutnya kita akan mengatur layout dan juga manipulasi placeholder 
untuk dijadikan animasi, untuk mengatur Struktur HTML yang telah dibuat.
 Setelah semua sintak diatas telah diketikanpastikan sudah tersimpan semua filenya, kemudian silahkan buka oada browser masing-masing dan lihat hasilnya. Maka akan terlihat seperti gambar dibawah ini.
jika kalian ketikan sesuatu pada kolom inputan akan terlihat animasi pada place-
holder yang naik keatas kolom inputan
 Cukup sekian tutorial yang diberikan olehmimin mengenai pembahasan membuat animasi placeholder dengan CSS, semoga tutorial ini bisa bermanfaat dan selamat mencoba 😀
(Fathur/Tekloggers)