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 untuk memukul Publish (6) butang untuk menyimpan semua perubahan dan menjadikannya secara langsung di tapak 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 untuk 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 and Cepat.

Nota

Jika anda menggunakan templat lama, anda mungkin tidak melihat pilihan Animasi. Anda perlu menukar tapak web kepada templat baharu. Mengetahui lebih lanjut


Tonton Animasi Slaid Naik secara langsung beraksi:


Tidak menemui apa yang anda cari?

Berhubung dengan Pakar Pixpa.