Membuat Multiple Background

18/08/2014    Aulia Rahmah Alhafidz    677     Website

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.

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More