Membuat tampilan menarik adalah menjadi sebuah tantangan, karena dengan membuat website sedemikian menarik akan mempengaruhi pengunjung untuk betah ataupun percaya atas kredibel website kita. Jadi jangan heran jika kalian mempunyai website dengan tampilan biasa-biasa saja akan membuat pengunjung bosan dan pindah ke website lain, padahal mungkin hal yang mereka cari sebenarnya ada pada konten website kita. Maka dari itu dibutuhkan kemampuan mendesain yang kuat untuk mengatasi ini semua.

Hal yang sedang marak di dunia web design adalah yang namanya website parallax. Apa itu website parallax ?. Website parallax adalah sebuah website dengan tampilan yang memanipulasi pandangan ketika melihatnya, karena pada saat kita scroll website parallax tersebut seakan-akan ada gambar yang tenggelam. Ini adalah ilusi optik semata. Sesuai dengan pembahasan kali ini, kita akan mencoba membuat website parallax dengan Materialize.

Materialize ini adalah sebuah framework CSS yang memudahkan kalian membuat tampilan website dengan fitur menarik yang ditawarkan. Salah satu fiturnya adalah website parallax. Pada dokumentasi materialize css sudah menyediakan bahan untuk kalian gali mengenai parallax. Untuk membuatnya kalian bisa mengunjungi website materialize atau bisa juga salin kode dibawah ini.

index.html

setelah disimpan dengan format HTML, kalian bisa lihat hasilnya seperti ini.

saat discroll maka hasilnya akan seperti ini.

Catatan untuk gambar pada contoh diatas, kalian bisa menggunakan gambar bebas ya, mudah bukan ?

sekian pembahasan mengenai cara membuat website parallax dengan Materialize. Semoga bermanfaat.