The parallax scrolling effect is a design technique that’s relatively new in development and web design. Over the past few years since it’s hit the scene though, it’s grown pretty popular in its own right, and with good reason, too.
Definisi Parallax Scrolling
Parallax scrolling is a technique wherein your web page’s background image scrolls at a slower rate compared to the foreground image. It gives the user a unique sense of depth and action while scrolling through a page when used on a website.
Without Parallax Scrolling
The elements of the web page – the text, images, buttons, etc – all scroll at the same rate as the background.
With Parallax Scrolling
The background image scrolls at a different rate as the rest of the elements in the page.
Dampak Parallax Scrolling bagi Pengguna
Teknik ini sebenarnya tidak benar-benar baru, dan sudah digunakan dalam animasi tradisional sejak awal tahun 1920-an. Teknik ini juga telah digunakan di banyak video game klasik, seperti Super Mario Bros.
Namun dalam ranah desain web, Nike sering dianggap sebagai salah satu yang pertama kali menggunakan parallax scrolling pada tahun 2011. Sejak saat itu, istilah “parallax scrolling” (terkadang disebut “latar belakang paralaks”) telah menjadi istilah umum di kalangan desainer dan pengembang, dengan popularitas yang terus meningkat.
Parallax scrolling as used in a version of Super Mario Brothers. Notice how the hills in the background move
in slightly varying speeds, as compared to Mario and the other characters in the foreground.
Apa Manfaatnya bagi Pengguna
Hal yang luar biasa dari efek ini adalah mampu mendorong pengguna untuk berinteraksi dengan situs web Anda, meningkatkan interaksi sekaligus daya tarik pengguna. Dan, jika dilakukan dengan benar, parallax scrolling dapat menghidupkan situs web yang paling sederhana sekalipun. Efek ini bahkan dapat digunakan untuk menciptakan narasi memukau yang langsung memikat seluruh pengunjung situs.
Bagikan Karya Anda kepada Kami!
Jadi bagaimana menurut Anda? Sudahkah Anda menggunakan fitur parallax background terbaru dari PBS v4? Apakah fitur ini bermanfaat bagi Anda? Jangan ragu untuk membagikan tautan karya Anda kepada kami, atau tinggalkan saran di kolom komentar di bawah.
Selamat Membangun Situs!