Lihat ke Halaman Asli

Seo Techman

Media Informasi Seputar Seo, Tips, Dan Tutorial

Inilah 10 Kumpulan Daftar Javascript Animasi Terbaik

Diperbarui: 22 Maret 2019   17:42

Kompasiana adalah platform blog. Konten ini menjadi tanggung jawab bloger dan tidak mewakili pandangan redaksi Kompas.

Pribadi

Jika anda melihat sisi dari situs web yang modern, maka akan terlihat beberapa tampilan yang menggunakan animasi berkualitas. Banyak daftar Javascript yang memiliki potensi untuk menjadikan tampilan web menjadi lebih baik, salah satunya yang akan kita bahas kali ini. Disini saya akan membagikan sepuluh daftar Javascript untuk membuat sebuah animasi. Khususnya untuk para Design UI.

Tanpa berlama-lama lagi, dan langsung saja inilah daftar selengkapnya persi Seo Techman.

10 Daftar Javascript Teratas

1. Three.js

Animasi yang pertama dan paling populer dalam daftar ini (dengan lebih dari 900 kontributor untuk proyek ini), adalah Three.js. kenapa Three.js? Karena Javascript ini tetap menjadi alat animasi yang kuat dan bertahan sampai delapan tahun belakangan ini. Bergantung pada WebGL, Three.js dapat digunakan untuk membuat grafik komputer 3D yang luar biasa dan dapat dioperasikan atau dijalankan melalui browser web. Tidak ada batasan apapun yang terdapat pada fitur dari Three.js termasuk, efek Anaglyph, perspektif dan kamera ortografis, alat-alat geometri seperti bidang, kubus, bola, dan torus.

2. Anime.js

Anime.js berada di nomor dua dalam daftar ini. Dibuat oleh Julian Garnier, anime.js adalah salah satu daftar animasi tercepat yang akan Anda temui. Anime.js bekerja sangat lancar, dengan DOM. Salah satu ke unggulannya adalah, Anime.js mendukung disemua jenis browser web seperti Chrome, Firefox, Opera, Safari, dan Internet Explorer 10+. Berikut adalah fitur dari anime.js: Transformasi CSS yang berguna untuk menghidupkan Transisi pada CSS, Animasi SVG untuk garis, dan garis waktu untuk menyinkronkan beberapa instance. Satu hal yang membuat anime.js menarik bagi pengembang yaitu sangat ringan.

3. Particles.js

Daftar ketiga yang akan kita lihat adalah Particles.js. Dibuat oleh Vincent Garreau, Particles.js adalah salah satu JavaScript khusus animasi untuk membuat animasi yang indah dengan titik dan garis. Seperti yang dinyatakan sebelumnya, particles.js ini digunakan untuk membuat suatu animasi yang akan terlihat seperti sebuah partikel-partikel. Oleh karena itu, ini memungkinkan para pengembang web design untuk beralih ke particles.js. Particles.js sangat cocok untuk dijadikan sebagai latar belakang atau background.

4. ScrollReveal.js

scrollReveal.js mengambil tempat nomor empat di daftar kami, dan seperti halnya Particles.js, itu juga merupakan daftar JavaScript khusus untuk animasi. ScrollReveal.js bisa digunakan untuk membuat animasi yang luar biasa dan dapat dikatakan sebagai alat yang ringan (tidak memiliki dependensi) dan cukup mudah digunakan. scrollReveal.js berfungsi dengan baik dengan node DOM, beberapa wadah, konten asinkron, dan mendukung rotasi 3D. Alat terbaik yang dapat Anda peroleh pada animasi ini sudah mendukung banyak browser web, asalkan mendukung pada Transformasi CSS dan Transisi CSS juga.

Halaman Selanjutnya


BERI NILAI

Bagaimana reaksi Anda tentang artikel ini?

BERI KOMENTAR

Kirim

Konten Terkait


Video Pilihan

Terpopuler

Nilai Tertinggi

Feature Article

Terbaru

Headline