Ingin membuat latar belakang paralaks di Elementor ?

Dalam 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 membuat jenis latar belakang ini.

Kami akan membahasnya di sini.

Anda mungkin mengalami sedikit masalah saat menambahkan latar belakang paralaks Elementor mobil Elementor tidak secara spesifik menggunakan istilah “paralaks”. Sebagai gantinya, untuk membuat latar belakang paralaks di Elementor, Anda dapat menerapkan efek gulir ke latar belakang yang ingin Anda buatkan efek paralaksnya. Background yang kami maksud disini adalah background bagian dan background kolom.

Jika Anda belum pernah menggunakan Elementor, periksa Cara menginstal Elementor di WordPress

Jika Anda tidak tahu apa yang sedang kita bicarakan, lihat contoh berikut dan perhatikan gambar latar belakang. Ini adalah contoh efek paralaks.

buat latar belakang paralaks di Elementor

Kami mengatakan efek paralaks mengacu pada latar belakang dan latar depan yang memiliki tingkat pergerakan yang berbeda. Padahal, kasusnya tidak selalu seperti itu. Alih-alih bergerak, seorang desainer web dapat menerapkan efek yang berbeda seperti blur, transparansi, atau skala. Elementor sendiri menawarkan 6 efek berbeda:

  • Gulir Vertikal: Latar belakang bergerak secara vertikal pada gulir mouse
  • bergulir horisontal: Latar belakang bergerak secara horizontal pada gulir mouse
  • Transparansi: Latar belakang tampak transparan sebelum gulir mouse
  • Buram: Latar belakang tampak kabur sebelum gulir mouse
  • Tangga: Latar belakang muncul dalam skala tertentu sebelum gulir mouse

Cara Menerapkan Efek Gulir di Elementor

Seperti yang kami sebutkan, Anda dapat menerapkan latar belakang paralaks, baik pada bagian atau kolom.

Baca juga: Cara menggunakan Elementor untuk membangun situs web

Jadi, pilih kolom atau bagian di mana Anda ingin menerapkan efek paralaks. Pergi ke tab Gaya dan buka bagiannya latar belakang. Setel jenis latar belakang ke klasik dan pilih gambar yang ingin Anda gunakan sebagai latar belakang dan aktifkan Gulir efek.

buat latar belakang paralaks di Elementor

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.

buat latar belakang paralaks di Elementor

Anda dapat mengaktifkan lebih dari satu efek paralaks jika diinginkan.

Itu dia. Anda dapat terus mengedit halaman atau template Anda. Setelah selesai, Anda bisa menerbitkan atau memperbaruinya.

Dapatkan Elementor Pro Sekarang!!!

Kesimpulan

Di Sini ! Itu saja untuk artikel ini yang menunjukkan caranya buat latar belakang paralaks di Elementor. Jika Anda memiliki kekhawatiran tentang cara menuju ke sana, beri tahu kami di dalam komentar.

Namun, Anda juga bisa berkonsultasi sumber daya kita, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress atau yang di Divi: tema WordPress terbaik sepanjang masa.

Namun sementara itu, bagikan artikel ini di berbagai jejaring sosial Anda.

...