Semangat Pagi ??? Pagiii…

hallo teman-teman ketemu lagi nih sama saya , gimana kabarnya ?? mudah-mudahan baik-baik aja yah aminnn 🙂
oh iya kan jaman sekarang di dalam sebuah website sudah banyak menggunakan animasi image dan animasi-animasi lainya yah , pada kesempatan kali ini saya akan berbagi mengenai artikel bagaimana Mebuat image accordion menggunakan CSS  …
mau tau cara membuatnya gimana yuk ikutin aja disini …

oke pertama-tama teman-teman membuat script HTMLnya seperti ini :

html html2

Nah jika teman-teman sudah membuat script HTMLnya , sekarang teman-teman buat script CSSnya seperti ini :

css css2 css3 css4 css5 css6 css7 css8

Nah jika teman-teman sudah membuat script HTML dan CSSnya , sekarang teman-teman bisa lihat hasilnya di browser seperti apa , kurang lebih seperti ini :

hasil

Nah jika teman-teman klik image yang lain maka akan seperti ini :

hasil2

Gimana teman-teman hasilnya ?? Lumayan kan hehe selamat mencoba dan semoga bermanfaat yah 🙂