Apa perbedaan, kelebihan dan kekurangan antara animasi bergerak CSS3 dan JS?

Dilihat 270 • Ditanyakan 10 bulan lalu
1 Jawaban 1

Animasi bergerak CSS jauh lebih baik dari segi optimisasi. Animasi ini bekerja pada GPU jadi kecepatannya lebih tinggi dibandingkan animasi bergerak Javascript. Animasi bergerak CSS juga memiliki kelebihan dimana animasi ini tidak mengakibatkan perubahan tata letak, tidak memodifikasi elemen seperti Javascript. Saya juga ingin menambahkan bahwa animasi ini dapat menggerakkan elemen pada kecepatan yang tinggi menggnakan requestAnimationFrame di Javascript dan bukannya menggunakan metode lama yang tidak efektif seperti Timeout. 


Jika anda dapat menggunakan animasi bergerak CSS, maka anda harus melakukannya. Karena dari segi kinerja, animasi ini hampir tidak membebani CPU dan dirancang untuk menggunakan GPU (GPU modern sangat bertenaga). Kekurangan dari animasi bergerak CSS adalah animasi ini lebih sederhana (tapi mungkin sudah meliputi semua yang dibutuhkan), Javascript memungkinkan anda untuk menyesuaikan animasi sedikit lebih banyak. Jadi ada kelebihan dan kekurangannya dan anda harus memutuskan berdasarkan kebutuhan proyek anda.

Terjawab 10 bulan lalu
Kau memiliki jawaban yang lebih baik?
Tulis jawaban sekarang