Membuat Multiple Background

Hai semua :) Hari ini kita akan belajar membuat Multiple Background. Seperti apa Multiple Background itu? Jadi, ada 2 gambar, apabila gambar tersebut di-hover maka gambar tersebut seolah-olah bergerak.

Seperti apa sih? Penasaran? Pada multiple bakground ini, kita hanya membutuhkan 1 div. Tetapi tergantung pada kebutuhan, jika ingin yang bergerak lebih dari satu, bisa menggunakan 2 div atau lebih.

Dan pada cssnya yang kita gunakan adalah fungsi transition:background-position dan juga fungsi background-position.

Fungsi inilah yang membuat gambar seolah-olah bergerak.

Coba liat contohnya di bawah ini. Scriptnya sangat singkat lengkap dengan penjelasannya. Apabila ingin yang lebih bagus, kamu bisa membuatnya dengan kreatif.

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