Animasi Laman Web

Animasi tapak web boleh digunakan untuk menambah kesan visual semasa memuatkan halaman seperti fade in, fade out, scale down dan lain-lain. Ini akan menambah bakat pada tapak web anda apabila pengguna menatal halaman.

Anda boleh memilih gaya animasi yang berbeza untuk elemen tapak web anda yang berbeza.

Dalam artikel ini:

  1. Animasi Laman Web
  2. Elemen Laman Web
  3. Gaya Animasi
  4. Animasi laju

Edit Animasi Laman Web

Animasi boleh menjadikan laman web menarik secara visual dan menghidupkan semua elemen yang terdapat pada tapak web. Mereka mencipta pengalaman yang lebih menarik dan mengasyikkan untuk pengguna.

Di sini, anda akan melihat semua tetapan yang tersedia untuk mengurus dan menyesuaikan animasi untuk elemen tapak web anda.

Tips

  • Secara lalai, Gelongsor ke atas animasi akan digunakan di seluruh laman web.
  • pilih Tiada jika anda ingin melumpuhkan animasi.


Elemen Laman Web yang berbeza

Pixpa membenarkan anda menggunakan animasi pada elemen tapak web anda yang berikut:

  1. Imej: Tambahkan pergerakan pada imej anda untuk menarik perhatian pelawat.
  2. Tajuk H1: Gunakan animasi untuk menonjolkan tajuk utama.
  3. Tajuk H2: Animasikan sub-tajuk atau tajuk yang lebih kecil untuk meningkatkan aliran kandungan anda.
  4. Teks: Hidupkan kandungan anda dengan menghidupkan perenggan dan huraian.
  5. Butang: Serlahkan butang seruan tindak anda dengan kesan yang menarik perhatian.

Pastikan anda menekan butang Terbitkan (6) untuk menyimpan semua perubahan dan memaparkannya di laman web.


Gaya Animasi

  1. Pudar Masuk -  Mendedahkan unsur secara beransur-ansur dengan meningkatkan kelegapannya daripada telus kepada legap.
  2. Luncurkan Ke Atas – Pergerakan lancar elemen pada skrin dari kedudukan yang lebih rendah ke kedudukan yang lebih tinggi.
  3. Naik Skala – Meningkatkan saiz atau skala elemen secara beransur-ansur.
  4. Turun Skala - Mengurangkan saiz atau skala elemen secara beransur-ansur.
  5. Dedahkan – Menyingkap atau mendedahkan elemen pada skrin secara beransur-ansur.

Nota

Pilih Tiada untuk melumpuhkan animasi bagi elemen tertentu itu.


Animasi laju

Kadar peralihan animasi dari satu keadaan ke keadaan yang lain. Ia menentukan seberapa cepat atau perlahan perubahan animasi berlaku pada skrin.

Terdapat tiga pilihan untuk dipilih: Perlahan, Sederhana dan Cepat.

Nota

Jika anda menggunakan templat lama, anda mungkin tidak akan melihat pilihan Animasi. Anda perlu menukar laman web kepada templat baharu. Ketahui Lebih Lanjut


Tonton Animasi Slaid Naik secara langsung beraksi:


Tidak menemui apa yang anda cari?

Berhubung dengan Pakar Pixpa.

Pixpa Studio baru sahaja diubah suai. Kami sedang mengemas kini semua tangkapan skrin artikel bantuan pada masa ini.