Animasi situs web dapat digunakan untuk menambahkan efek visual saat memuat halaman seperti fade in, fade out, scale down dan lain-lain. Ini akan menambahkan bakat ke situs web Anda saat pengguna menggulir halaman.
Anda dapat memilih gaya animasi yang berbeda untuk berbagai elemen situs web Anda.
Dalam artikel ini:
Edit Animasi Situs Web
Animasi dapat membuat sebuah website menarik secara visual dan menghidupkan semua elemen yang ada di website. Mereka menciptakan pengalaman yang lebih menarik dan imersif bagi pengguna.
- Dari Menu Utama (1) dari studio, klik pada Mendesain (2) bagian.
- Klik pada animasi (3) pilihan.
Di sini, Anda akan melihat semua pengaturan yang tersedia untuk mengelola dan menyesuaikan animasi untuk elemen situs web Anda.
- Secara default, Geser ke Atas animasi akan diterapkan di seluruh situs web.
- Pilih None jika Anda ingin menonaktifkan animasi.
Elemen Situs Web yang Berbeda
Pixpa memungkinkan Anda menerapkan animasi ke elemen-elemen berikut di situs web Anda:
- Gambar: Tambahkan gerakan pada gambar Anda untuk menarik perhatian pengunjung.
- Judul H1: Gunakan animasi untuk membuat judul utama menonjol.
- Judul H2: Animasikan subjudul atau judul yang lebih kecil untuk meningkatkan alur konten Anda.
- teks: Hidupkan konten Anda dengan menganimasikan paragraf dan deskripsi.
- Tombol: Sorot tombol ajakan bertindak Anda dengan efek yang menarik perhatian.
Pastikan untuk menekan Menerbitkan (6) tombol untuk menyimpan semua perubahan dan menampilkannya di situs web.
Gaya Animasi
- Memudar – Secara bertahap mengungkapkan elemen dengan meningkatkan opasitasnya dari transparan menjadi buram.
- Geser ke Atas – Gerakan halus elemen di layar dari posisi yang lebih rendah ke posisi yang lebih tinggi.
- Meningkatkan - Secara bertahap meningkatkan ukuran atau skala elemen.
- Menurunkan - Secara bertahap mengurangi ukuran atau skala elemen.
- Mengungkap - Secara bertahap mengungkap atau mengungkap elemen di layar.
Pilih None untuk menonaktifkan animasi untuk elemen tertentu.
Kecepatan Animasi
Laju transisi animasi dari satu keadaan ke keadaan lain. Ini menentukan seberapa cepat atau lambat perubahan animasi terjadi di layar.
Ada tiga opsi untuk dipilih: Lambat, Sedang dan Cepat.
Jika Anda menggunakan template lama, Anda mungkin tidak melihat opsi Animasi. Anda perlu mengalihkan situs web ke template baru. Tahu lebih banyak
Lihat Animasi Slide Up langsung beraksi:
