Assalamualaikum Wr Wb.
A. Pengertian
B. Latar Belakang
Paralaks, atau lebih tepatnya paralaks gerak (bahasa Yunani: παραλλαγή (parallagé)) adalah perubahan kedudukan sudut dari dua titik diam, relatif satu sama lain, sebagaimana yang diamati oleh seorang pengamat yang bergerak. Secara sederhana, paralaks merupakan pergeseran yang tampak dari suatu objek (titik 1) terhadap latar belakang (titik 2) yang disebabkan oleh perubahan posisi pengamat.
Membuat tampilan website one page dan menerapkan background Parallax akan memperbagus suatu tampilan website.
C. Maksud dan Tujuan
Dapat mempraktekkan dan membuat background parallax.
D. Alat dan Bahan
Pertama-tama buatlah folder baru, terserah mau diberi nama apa. Didalam folder yang baru kita buat, buatlah bebrapa folder dan satu file index.html. Kurang lebihnya seeperti gambar dibawah ini.
Didalam folder CSS buatlah file css, beri nama style.css dan didalam folder image isi dengan gambar-gambar yang nantinya akan dijadikan background. Setelah selesai buka file indexnya dan isi seperti kode ini :
dan isi dari file style.css :
Setelah selesai coba jalankan di browser makatampilannya akan seperti ini :
Untuk melihat efek dari background parallax, hanya scroll halaman keatas dan kebawah.
Bagi yang ingin mendownload file jadinya bisa download disisni.
F. Refrensi
Semoga bermanfaat Wassalmualaikum Wr Wb.
C. Maksud dan Tujuan
Dapat mempraktekkan dan membuat background parallax.
D. Alat dan Bahan
- Beberapa gambar
- web browser
- text editor
Pertama-tama buatlah folder baru, terserah mau diberi nama apa. Didalam folder yang baru kita buat, buatlah bebrapa folder dan satu file index.html. Kurang lebihnya seeperti gambar dibawah ini.
dan isi dari file style.css :
Setelah selesai coba jalankan di browser makatampilannya akan seperti ini :
Untuk melihat efek dari background parallax, hanya scroll halaman keatas dan kebawah.
Bagi yang ingin mendownload file jadinya bisa download disisni.
F. Refrensi
Semoga bermanfaat Wassalmualaikum Wr Wb.
COMMENTS