Untuk tutorial kali ini, saya akan membahas tentang parallax. Secara sederhana, paralaks merupakan pergeseran yang tampak dari suatu obyek (titik 1) terhadap latar belakang (titik 2) yang disebabkan oleh perubahan posisi pengamat. Parallax scrolling sendiri di gunakan untuk membuat tampilan design web kita semakin menarik.
Saya akan memberikan cara membuat scrolling effect sederhana:
pertama-tama ketikkan coding untuk mengatur parallaxnya terlebih dahulu
setelah itu,atur ukuran div untuk tulisannya terlebih dahulu, disini saya memberi nama nya “contoh”.
Setelah itu atur agar tulisannya menjadi di tengah
setelah itu, isi bodynya dengan coding di bawah ini:
Setelah itu, anda sudah berhasil membuat parallax scrolling sederhana ini.
Untuk lebih jelasnya,anda dapat mendownload filenya disini :https://www.dropbox.com/sh/fdr4m2z9jt960kw/AADrI_1KxVwL7NzRHoFARAlka?dl=0
Sekian, Semoga Bermanfaat.
No comments:
Post a Comment