Animasi Sliding Hover Dengan CSS3

Hallo teman-teman DUMET School, pada tutorial kali ini saya akan share tutorial tentang animasi sliding hover denga CSS3. Animasi sliding hover adalah animasi yang muncul ketika kita arahkan kursor ke sebuah gambar, jadi nanti akan terdapat sebuah deskripsi di atas gambar tersebut. Animasi ini di buat hanya dengan menggunakan CSS3, dengan CSS3 pun kita mampu membuat animasi yang bagusnya tidak kalah dengan animasi yang di buat menggunakan jQuery. Nah buat teman-teman yang ingin membuat animasi seperti ini teman-teman bisa mengcopy script yang ada di demo di bawah ini.

Berikut hasilnya :

See the Pen PqGMVd by Dumet_School (@dumet_school) on CodePen.