Efek Parix Wix

• April 28, 2024

Salah satu animasi bagus yang ditemukan di situs web Wix adalah efek scroll paralaks. Ini bukan animasi yang sebenarnya tetapi menambah ilusi gerakan, kedalaman, dan dimensi ke laman web Anda.

Efek ini telah populer selama beberapa tahun dan merupakan cara yang bagus untuk menambahkan sedikit minat ke situs web tanpa menambahkan animasi yang terlalu kuat. Pengguliran paralaks dibuat ketika Anda memberi tahu peramban untuk menggulir gambar latar pada kecepatan yang lebih lambat daripada elemen lainnya pada halaman. Seperti yang Anda harapkan, efek gulir sangat bagus untuk situs web satu halaman yang panjang itu.

Teknik ini dibuat dengan elemen JavaScript, CSS dan div. Yang perlu diingat adalah sebagian besar perangkat seluler memiliki masalah dengan CSS latar belakang tetap. Jadi, Wix mematikan efek untuk perangkat seluler.

Tetapi ketika membuat situs web Wix Anda, tidak ada coding yang terlibat. Ini semudah memilih opsi Parallax untuk gambar latar belakang atau gambar strip. Itu juga dapat ditambahkan ke video strip.

Tanpa parallax scrolling diterapkan, gambar latar belakang untuk halaman web akan bergerak bersamaan dengan elemen-elemen lain pada halaman saat pemirsa menggulir halaman.

Namun, ketika kita menerapkan efek gulir Parallax ke gambar latar belakang, gambar latar belakang gulir perlahan ketika pemirsa menggulir halaman. Dimensi terjadi ketika elemen-elemen lain pada halaman menggulir lebih cepat daripada gambar latar belakang.

Opsi ketiga, opsi Freeze, untuk gambar latar belakang Opsi Efek Gulir adalah untuk mengunci gambar latar belakang di tempat sebagai sisa elemen halaman gulir ke atas atau ke bawah.

Tambahkan Parallax ke Gambar Latar Belakang

1. Klik ikon Latar Belakang di menu sebelah kiri.
   
   
2. Tambahkan gambar latar belakang Anda seperti biasa.
   
   
3. Klik tombol Pengaturan untuk membuka Pengaturan Gambar.
   
   
4. Pilih satu dari tiga opsi untuk Efek Gulir.
   
   
   • Tidak ada - latar belakang akan bergerak dengan kecepatan yang sama dengan elemen lain pada halaman.
     
     
   • Parallax - latar belakang akan bergerak lebih lambat daripada elemen lain di halaman.
     
     
   • Bekukan - latar belakang akan tetap ada tetapi elemen lainnya akan bergulir.
     
     

Tambahkan Parallax ke Strip Image atau Video

1. Pilih strip dan pilih Ubah Strip Latar Belakang dari menu pop up.
   
   
2. Tambahkan gambar atau video latar belakang seperti biasa.
   
   
3. Klik tombol Pengaturan untuk membuka Pengaturan Gambar.
   
   
4. Selanjutnya, pilih Parallax dari Scroll Effects.
   
   

Petunjuk Video: Animation Effects | Easily Add Animation Effects to Your Wix Website (April 2024).