CSS Animasi
Definisi dan Penggunaan
Beberapa properti CSS dapat dianimasikan , artinya dapat digunakan dalam animasi dan transisi.
Properti animasi dapat berubah secara bertahap dari satu nilai ke nilai lainnya, seperti ukuran, angka, persentase, dan warna.
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung animasi CSS.
Angka yang diikuti oleh -webkit-, -moz-, atau -o- menentukan versi pertama yang berfungsi dengan awalan.
43.0 4.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
Contoh
Menganimasikan warna latar dari merah ke biru:
@keyframes mymove
{
from {background-color: red;}
to {background-color: blue;}
}
Properti Animasi
Properti ini dapat dianimasikan dalam CSS: