Hai 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 Efek Zoom 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  :

html1 html2 html3

 

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

css1 css2 css3 css4 css5 css6

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

hasil

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

webdesign

Jika teman-teman klik menu Illustration maka akan seperti ini :

ilustration

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

icon design

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