10 Plugin Gratis untuk Menambahkan Efek Animasi ke WordPress

Efek khusus seperti pengguliran halus, transisi halaman, atau animasi CSS dapat menambahkan kepribadian sambutan ke situs web WordPress Anda. Gunakan mereka untuk menarik perhatian pada informasi penting, tingkatkan UX, dan tingkatkan desain Anda.

Berikut adalah beberapa plugin WordPress gratis yang dapat Anda gunakan untuk menambahkan berbagai efek ke situs Anda:

Jika Anda mencari cara mudah untuk menarik perhatian ke elemen halaman Anda, Blocks Animation layak untuk dilihat. Ini bekerja secara asli dengan editor blok Gutenberg, memungkinkan Anda untuk menambahkan animasi ke blok apa pun melalui panel pengaturan. Pilih gaya animasi, penundaan, dan kecepatan yang Anda inginkan.

Blok Animasi: Animasi CSS untuk Blok Gutenberg

Animasi yang dipicu gulir sangat populer akhir-akhir ini tetapi bisa jadi sulit untuk disiapkan. Animator menyediakan GUI yang apik yang menghilangkan rasa sakit dari prosesnya. Plugin ini menampilkan pilihan animasi siap pakai, tetapi Anda juga dapat membuatnya sendiri. Pilih animasi, atur posisi gulir, dan Anda siap melakukannya.

Animator – Animasi yang Dipicu Gulir

Image Hover Effects Ultimate menyertakan beberapa animasi yang berguna dan menarik untuk gambar Anda. Efek perbandingan gambar, misalnya, memungkinkan pengunjung untuk membandingkan versi gambar “sebelum” dan “setelah”. Juga termasuk animasi hover untuk tombol, kotak flip, keterangan, dan banyak lagi.

Efek Gambar Hover Ultimate

Pergeseran hijau dibangun dengan memperhatikan kinerja. Alih-alih menggunakan kerangka kerja besar untuk menghidupkan animasi, elemen dihasilkan dengan cepat. Plugin ini juga menggunakan CSS3 dan SVG, memungkinkan fleksibilitas tanpa mengganggu waktu buka situs Anda.

Greenshift – animasi dan blok pembuat halaman

Menambahkan animasi CSS3 ke situs Anda mudah dilakukan dengan Animate It!. Plugin menggabungkan animasi.css dan animasi.js perpustakaan dalam satu paket yang berisi lebih dari 50 animasi. Animasi dapat diterapkan pada acara pengguna seperti gulir, arahkan kursor, dan klik.

Animasikan!

Animasi dan Transisi Halaman menawarkan sembilan pilihan transisi halaman “masuk” dan “keluar” yang berbeda. Anda juga dapat mengatur waktu durasi untuk transisi.

Animasi dan Transisi Halaman

Tambahkan animasi ke teks apa pun di situs Anda dengan Easy Textillate. Plugin ini mencakup textillate.jsanimate.css dan lettering.js perpustakaan untuk menyediakan segala macam efek yang sangat baik untuk tipografi Anda. Hasilkan Kode Pendek dengan gaya animasi yang Anda inginkan, tempatkan di konten Anda, dan tonton!

Tekstil Mudah

Gunakan Ultimate Hover Effects untuk menambahkan beberapa kehidupan pada keterangan gambar Anda. Pilih gambar dari Perpustakaan Media WordPress dan atur efek hover yang ingin Anda gunakan. Maka itu hanya masalah menyematkannya ke dalam posting atau halaman. Generator kode pendek juga disertakan.

Efek Arahan Tertinggi

Gulir halaman ke id menambahkan efek pengguliran halus ke navigasi dalam halaman menggunakan elemen ID CSS. Anda dapat mengatur durasi scroll dan easing – dengan lebih dari 30 jenis easing untuk dipilih. Pengguliran vertikal dan horizontal didukung dan offset dapat dikonfigurasi untuk tautan individual.

Gulir halaman ke id

CSS3 Rotating Words adalah plugin praktis dengan fungsi sederhana: Memutar kata atau kata dalam kalimat menggunakan animasi. Misalnya, Anda mungkin memiliki kalimat di mana Anda ingin mengubah satu kata:

  • WordPress adalah Seru
  • WordPress adalah Luar biasa

Pilih dari lima gaya animasi dan juga atur warna dan ukuran font.

CSS3 Memutar Kata

Jadikan Situs Anda Spesial

Perpaduan efek khusus yang tepat dapat menghadirkan elemen kesenangan dan utilitas ke situs web WordPress Anda. Tentu saja, yang terbaik adalah memilih dan memilih dengan hati-hati saat memutuskan apa yang akan digunakan.

Aturan praktis yang baik adalah selalu mempertimbangkan kepentingan terbaik pengguna. Jika sebuah fitur meningkatkan kegunaan atau membuat situs Anda lebih menyenangkan untuk digunakan, maka itu mungkin berguna untuk Anda.

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top