Mohon tunggu...
Seo Techman
Seo Techman Mohon Tunggu... Penulis - Media Informasi Seputar Seo, Tips, Dan Tutorial

Seorang blogger free.. Blog: https://www.seotechman.com

Selanjutnya

Tutup

Inovasi

Inilah 10 Kumpulan Daftar Javascript Animasi Terbaik

22 Maret 2019   17:36 Diperbarui: 22 Maret 2019   17:42 946
+
Laporkan Konten
Laporkan Akun
Kompasiana adalah platform blog. Konten ini menjadi tanggung jawab bloger dan tidak mewakili pandangan redaksi Kompas.

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 :
  1. 1
  2. 2
  3. 3
Mohon tunggu...

Lihat Konten Inovasi Selengkapnya
Lihat Inovasi Selengkapnya
Beri Komentar
Berkomentarlah secara bijaksana dan bertanggung jawab. Komentar sepenuhnya menjadi tanggung jawab komentator seperti diatur dalam UU ITE

Belum ada komentar. Jadilah yang pertama untuk memberikan komentar!
LAPORKAN KONTEN
Alasan
Laporkan Konten
Laporkan Akun