Efek Hover dengan CSS3 Transisi dan Animasi Pada Gambar

Hallo teman-teman, dalam tutorial kali ini saya ingin berbagi ilmu sedikit tentang bagaimana cara membuat Efek Hover dengan CSS3 Transisi dan Animasi pada gambar, maksudnya adalah dimana saat cursor kita arah kan ke gambar maka akan muncul penjelasannya dari gambar tersebut. Nah untuk lebih memperjelas lagi apa maksud dari Efek Hover dengan CSS3 Transisi dan Animasi kita langsung praktek kan saja ya teman-teman.

Silahkan lihat dulu demonya di sini

Pertama buatlah stuktur HTML nya seperti di bawah ini :

1. HTML

Setelah membuat struktur HTML dan isinya sekarang masuk ke bagian CSS nya, tuliskan kode CSS nya seperti di bawah ini.

2. CSS

Nah jika HTML dan CSS nya sudah di tulis dengan benar silahkan di save lalu di preivew hasilnya di browser kalian masing-masing, mudah bukan. Selamat mencoba teman-teman sampai bertemu lagi di tutorial berikutnya.

Untuk mendownload source nya bisa di download di sini Efek Hover dengan CSS3 Transisi dan Animasi