Pada kesempatan kali ini saya akan menjelaskan cara membuat paralax dengan html & css. Perlu teman-teman ketahui sebelumnya Paralax adalah perubahan kedudukan sudut dari dua titik diam atau relatif satu sama yang lainnya, sebagaimana pada setiap element-element halaman website yang bergerak atau digulir scrolling dari atas dan kebawah. Secara sederhana, paralaks merupakan pergeseran yang tampak dari suatu objek 1 terhadap latar belakang objek lainnya yang disebabkan oleh perubahan posisi suatu element.  Dan untuk membuat paralax di halaman website kalian, bisa dibuat dengan berbagai macam cara, salah satunya bisa dibuat dengan menggunakan HTML dan CSS. Dan untuk membuatnya kalian bisa ikuti tahapan yang saya berikan dibawah ini.

Berikut Tahapannya :

  • Teman-teman buat terlebih dahulu satu buah file html dengan nama index.html
  • Siapkan satu buah gambar untuk dijadikan background latar paralax nya.
  • Simpan gambar tersebut dengan nama latar.jpg dan simpan sejajar dengan file index.html yang sebelumnya sudah dibuat.
  • Selanjutnya kembali lagi ke file index.html, dan ketikan kode seperti berikut

  • Sampai disini teman-teman sudah selesai membuat paralax dengan html & css.
  • Save file index.html tersebut dan lihat hasilnya di browser kalian.

Sampai disini penjelasan saya mengenai cara membuat paralax dengan html & css, semoga bermanfaat.