Tutorial Parallax part 2 (Body Scroll) (FO)

Untuk tutorial kali ini, saya masih akan membahas tentang parallax. Hari ini, saya akan membahasa bagaimana caranya membuat efek parallax pada tulisan di body, sehingga tulisannya akan muncul hanya pada saat di scroll.

Terlebih dahulu, buat file html kalian, terserah namanya apa saja. Disini saya memberinya nama Parallax Body.html

Setelah itu ketikkan coding di bawah ini untuk mengatur ukuran margin dan padding semua element setelah itu font untuk bodynya. Disini saya memakai sans-serif

Setelah itu atur isinya

 Setelah itu atur textnya

Setelah itu isi bodynya dengan coding di bawah ini

Untuk mengisi body text, kita isi dengan coding di bawah ini
Penggunaan “data-300-center-top” dan lain - lain berarti bahwa element tersebut terletak di tengah element yang 300 px di bawah bagian atas tampilan yang terlihat. setelah itu kita dapat mengatur transformationnya.

Agar effect Parallax ini dapat berjalan, jangan lupa untuk memasukkan file jquerynya.

 Untuk Tutorial dan file jquerynya, anda dapat mendowloadnya disini: https://www.dropbox.com/sh/dmaod6tkiiqeml2/AAAXn8Xu9MHK0eogpTeUiuuNa?dl=0

Sekian, Semoga bermanfaat.