Buat Animasi CSS Keren dengan Mudah dengan Animista

Ada banyak aplikasi web animasi CSS online. Tapi, sangat sedikit dibandingkan dengan tingkat detail dan kemudahan penggunaan yang Anda dapatkan Animista.

Aplikasi web gratis ini memungkinkan Anda menghasilkan animasi CSS khusus dengan mengklik tombol. Anda memilih antara gerakan pra-desain seperti slide, transformasi, ayunan, dan bahkan animasi drop shadow.

Setelah membuat animasi, Anda dapat melakukannya ekspor kodenya sama seperti dengan generator CSS lainnya. Kecuali, kode ini jauh lebih mudah untuk digunakan dan bahkan dilengkapi dengan alat minifier bawaan.

Antarmuka bisa terasa membingungkan pada awalnya tetapi itu hanya karena berapa banyak opsi yang Anda miliki!

Anda membuat animasi khusus mengikuti tiga langkah utama dan menggunakan antarmuka dari atas ke bawah:

1. Pilih gaya gerak (ayunan, geser, skala-balik) dari lingkaran di bagian atas
2. Sesuaikan dengan berbagai jenis gerakan di bawah
3. Edit opsi animasi Anda di bilah opsi sisi kiri mengambang

Melalui proses ini, Anda dapat mengubah durasi total animasi, gaya pelonggaran, penundaan, hampir semuanya. Dan itu semua bekerja melalui CSS3 murni, yang membuatnya bahkan lebih mengesankan.

Perhatikan juga di navbar paling atas Anda bahkan dapat memilih di antara berbagai jenis gaya target animasi.

Itu standarnya adalah “dasar” yang dapat bekerja pada hampir semua hal (arahkan, klik, atau animasi langsung). Target lainnya termasuk teks halaman, animasi latar belakang, dan bahkan animasi masuk kustom untuk menampilkan elemen halaman tersembunyi.

Saya terutama suka “perhatian” tautan di bagian atas yang memiliki beberapa efek shake & jitter keren untuk gaya tombol. Ini berfungsi baik pada tombol CTA untuk menarik perhatian dan mendorong interaksi pengguna.

Setelah selesai melakukan penyesuaian, Anda baru saja klik ikon braket kecil di sudut kanan atas panel pratinjau.

Ini membawa halaman baru ke tampilan kelas animasi CSS lengkap Anda, bersama dengan kerangka kunci. Fitur opsional memungkinkan Anda minify kodenya dan termasuk awalan otomatis yang mendukung browser web yang lebih lama.

Saya telah menggunakan banyak alat animasi CSS khusus dan tidak diragukan lagi Animista adalah alat yang paling kaya fitur di luar sana. Ini benar-benar gratis dan sedikit rumit pada awalnya tetapi setelah Anda memahami antarmuka, itu jauh generator terbaik yang dapat Anda gunakan.

Untuk mencobanya, cukup kunjungi beranda dan klik “Coba saya”. Anda juga dapat berbagi pemikiran & pujian Anda dengan pembuat aplikasi web @ ana108.