Selasa, 21 Maret 2017

Membuat Background Parallax

Tidak ada komentar

A. Latar Belakang

       Istilah parallax sendiri pertama kali berawal dari efek visual 2 dimensi pada video game dimana latar belakang dan objek terpisah seolah-olah menciptakan ilusi kedalaman antara objek tersebut. Terkadang latar belakang bergerak lebih lambat dibanding dengan objek karakter yang dimainkan tergantung dari interaksi. Konsep ini digunakan dalam desain web saat ini.

B. Pengertian

       efek yang biasa kita lihat ketika sedang menaiki kendaraan, objek yang berjarak dekat akan terlihat bergerak lebih cepat dibandingkan objek dengan jarak yang jauh. Parallax akan memberikan kesan 3 Dimensi jika diterapkan pada objek 2 Dimensi.
Misalnya pada kasus berikut, kita akan merubah objek 2D menjadi tampak seperti objek 3D karena seakan-akan objek-objek tersebut mempunyai jarak dan pergerakan yang berbeda. 


C. Pembahasan 
      
1. Kita harus membuka sublime text bagi pengguna linux, dan notepad atau dreemwever untuk pengguna window.
2. Lalu kita buat file baru pada sublime text tersebut dengan format .html dan .css untuk filr cssnya.
3. Kita masukkan coding htmlnya terlebih dahulu, seperti gambar di bawah ini :


4. Kita masukkan koding css nya.


5. Lalu kita cek pada bowser kita masing-masing.


D. Kesimpulan

Tanpa kita sadari perkembangan dari design web begitu cepat dan semakin menarik untuk diikuti. Para developer pun juga sudah mulai menyesuaikan diri dengan perkembangan yang terjadi. Karena permintaan dari client pun sekarang mulai mengikuti trend terbaru seperti teknik parallax scrolling.

E. Rerensi

  • http://www.crosstechno.com/blog/2013/12/apa-yang-dimaksud-parallax-web-design/
  • http://anandastoon.com/karya/tips-singkat/parallax-scrolling-pengertian-dan-pengaplikasiannya/
  • https://id.wikipedia.org/wiki/Paralaks
  • http://dimbleweb.com/blog/read/apa-itu-parallax-scrolling-pada-web-design/52 

Tidak ada komentar :

Posting Komentar