Kali ini saya akan bermain membuat Animasi Quick Search dengan css dan javascript. Terinspirasi dari konsep desain dari link ini.

Seperti yang dilihat pada gambar diatas, css yang digunakan untuk animasi slide pada input text, menggunakan transform translate.

Download Sample di Artikel Paling Bawah.
transform: translateX(xx); /* xx adalah value dari property */

Demo Preview