Ingin menerapkan efek gulir di Elementor?
Salah satu hal yang menarik saat mendesain halaman atau template menggunakan Elementor adalah Anda dapat menerapkan efek animasi tertentu ke halaman atau template yang sedang Anda kerjakan. Salah satunya adalah efek gulir yang akan kita bahas di artikel ini.
Efek gulir itu sendiri adalah fitur yang tersedia di Elementor Pro. Jadi, Anda perlu meningkatkan versi Anda Elementor ke versi pro jika Anda belum melakukannya.
Apa efek gulir?
Ini adalah jenis efek animasi yang terjadi ketika pengguna menggulirkan mouse ke halaman. Apakah naik atau turun. Efeknya dapat bervariasi tergantung pada pengaturan Anda. Elementor sendiri menawarkan 6 opsi efek:
- Gulir Vertikal: objek akan bergerak secara vertikal saat menggulir mouse
- bergulir horisontal: objek akan bergerak secara horizontal saat menggulir mouse
- Transparansi: Objek akan muncul sebagai transparan sebelum mouse scroll
- Buram: Objek akan tampak buram sebelum mouse digulir
- Tangga: Objek akan muncul dalam skala tertentu sebelum mouse digulir
Anda dapat menerapkan efek gulir baik pada bagian, kolom, atau widget.
Cara Menerapkan Efek Gulir di Elementor
Seperti yang kami sebutkan, efek gulir adalah salah satu fitur Elementor Pro. Dengan kata lain, Anda harus menggunakan Elementor Pro untuk menggunakan fitur ini.
Dalam tutorial ini, kami akan menunjukkan cara menerapkan efek gulir horizontal. Seperti namanya, efek ini akan menerapkan gerakan vertikal ke objek saat mouse digulir. Efek ini sangat baik bila dikombinasikan dengan Lottie.
Di bawah ini adalah contoh sebelum menerapkan efek gulir horizontal.
Dan berikut adalah contoh setelah menerapkan scroll horizontal.
Catatan: Tutorial berikut menggunakan Lottie.
Menambahkan efek gulir
Sekali lagi, Anda dapat menerapkan efek gulir ke bagian, kolom, atau widget.
Pertama, pilih elemen (bagian, kolom atau widget) di mana Anda ingin menerapkan efek gulir dan pergi ke tab maju di panel kiri dan buka bagian Efek Gerakan.
Aktifkan opsi Gulir efek.
Karena kami ingin menerapkan efek gulir horizontal, klik ikon pensil pada opsi Gulir horizontal untuk membuat pengaturan seperti arah (kiri atau kanan), kecepatan dan jendela (area yang terlihat oleh pengguna).
Anda dapat menerapkan beberapa efek gulir jika Anda mau. Cukup klik ikon pensil pada opsi efek gulir lainnya untuk menerapkan efek gulir lainnya.
Itu dia. Setelah halaman selesai, Anda bisa menerbitkan / memperbaruinya. Anda juga dapat menonaktifkan efek gulir pada jenis perangkat tertentu. Cukup hapus perangkat yang ingin Anda nonaktifkan efek gulirnya dengan mengklik ikonnya X segera Terapkan efek ke .
Dapatkan Elementor Pro Sekarang!!!
Kesimpulan
Di Sini ! Itu saja untuk artikel ini yang menunjukkan caranya terapkan efek gulir 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.
...
