Dalam konteks desain web, paralaks latar belakang mengacu pada perilaku di mana latar belakang bergerak lebih lambat daripada latar depan. Elementor (versi pro) hadir dengan fitur yang memungkinkan Anda menambahkan latar belakang semacam ini.
Kami akan membahasnya di sini.
Anda mungkin memiliki sedikit masalah untuk menambahkan latar belakang paralaks di Elementor mobil Elementor tidak secara khusus menggunakan istilah "paralaks". Sebagai gantinya, untuk menambahkan latar belakang paralaks Elementor, Anda dapat menerapkan efek gulir ke latar belakang yang ingin Anda tambahkan efek paralaksnya. Background yang kami maksud disini adalah background bagian atau background kolom.
Jika Anda baru mengenal paralaks, lihat contoh berikut dan perhatikan gambar latar belakang. Ini adalah contoh efek paralaks.
Kami mengatakan efek paralaks mengacu pada latar belakang dan latar depan yang memiliki kecepatan gerak yang berbeda. Faktanya, kasusnya tidak selalu seperti itu. Alih-alih gerakan, seorang desainer web dapat menerapkan efek yang berbeda seperti blur, transparansi, atau skala. Elementor sendiri menawarkan 6 efek berbeda:
- Pengguliran vertikal: Latar belakang bergerak secara vertikal pada gulir mouse
- Pengguliran horizontal: Latar belakang bergerak secara horizontal pada gulir mouse
- Transparansi: Latar belakang tampak transparan sebelum gulir mouse
- Buram : Latar belakang tampak kabur sebelum gulir mouse
- Rotasi: Latar belakang berputar pada gulir mouse
- Tangga : Latar belakang muncul pada skala tertentu sebelum mouse bergulir
Cara Menerapkan Efek Gulir di Elementor
Seperti yang kami sebutkan, Anda dapat menerapkan latar belakang paralaks, baik ke bagian atau kolom. Oleh karena itu, pilih kolom atau bagian yang ingin Anda terapkan efek paralaksnya.
Buka tab Gaya dan buka bloknya Latar Belakang. Setel jenis latar belakang ke klasik dan pilih gambar yang ingin Anda gunakan sebagai latar belakang dan aktifkan opsi Scroll Effects.
Atur posisi dan ukuran gambar latar belakang, lalu pilih efek paralaks yang ingin Anda terapkan dengan mengklik ikon pensil di salah satu opsi efek paralaks yang tersedia.
Anda dapat mengaktifkan beberapa efek paralaks jika Anda mau.
Disini adalah. Anda dapat terus mengedit halaman atau template Anda. Setelah selesai, Anda bisa menerbitkan atau memperbaruinya.
