Lihat sumber Animasi dan Transisi CSS

Animasi dan transisi CSS adalah fitur yang memungkinkan elemen pada halaman [[web]] bergerak atau berubah secara halus tanpa menggunakan [[JavaScript]]. Dengan fitur ini, pengembang dapat menciptakan efek visual yang menarik sehingga meningkatkan pengalaman pengguna.

== Transisi CSS ==
Transisi digunakan untuk mengubah nilai properti CSS secara halus dalam rentang waktu tertentu. Dengan menambahkan properti transition pada elemen, perubahan seperti warna, ukuran, atau posisi menjadi lebih menarik.

== Animasi CSS ==
Animasi CSS menggunakan aturan @keyframes untuk mendefinisikan serangkaian perubahan gaya dari awal hingga akhir. Animasi dapat dijalankan secara otomatis maupun berdasarkan interaksi pengguna.

== Keunggulan Animasi CSS ==
Menggunakan animasi dan transisi CSS lebih efisien dibanding menggunakan [[JavaScript]] karena dapat dijalankan langsung oleh mesin peramban (browser) tanpa beban tambahan pada kinerja situs.