Sore teman-teman, apa kabar nih ?? semoga baik-baik aja yah aminn ,  nah pada kesempatan kali ini saya akan berbagi artikel mengenai Cara Membuat Fungsi Filter Menggunakan HTML dan CSS . Kan biasanya kalau kita mau bikin filter suatu gallery atau gambar menggunakan Plugin atau jQuery yah , ternyata hanya menggunakan HTML dan CSS juga bisa loh .

Mau tau caranya gimana ?? yuk jangan bingung-bingung mening baca-baca dulu disini siapa tau tertarik, Pokoknya mah di jamin ga bakal nyesel kalau baca ini …

oke kita langsung saja yuk ke praktiknya,

Oke pertama-tama kita buat script HTML seperti ini  :

filter

htmlfilter2 filter

nah jika sudah sekarang teman-teman buat CSSnya, Seperti ini :

filter css cssfilter2 cssfilter3 cssfilter4 cssfilter5 cssfilter6 cssfilter7

Jika sudah membuat HTML dan CSSnya sekarang coba kita lihat di browser hasilnya, maka akan tampil seperti ini :

filter

Nah Jika teman-teman klik menu Web design maka akan seperti ini :

filter

Jika teman-teman klik menu Grafik Design  maka akan seperti ini :

filter

Yang terakhir jika teman-teman klik menu Web Master  maka akan seperti ini :

filter

Gimana teman-teman hasilnya keren kan , ?? selamat mencoba dan semoga bermanfaat yah 🙂 sampai ketemu di artikel selanjutnya 🙂