CSS Animation
Definisi dan Penggunaan
Beberapa properti CSS dapat animasi, yang berarti mereka dapat digunakan untuk animasi dan transisi.
Sifat animasi dapat secara bertahap berubah dari satu nilai yang lain, seperti ukuran, jumlah, dan persentase warna.
Dukungan Browser
Angka dalam tabel tersebut merupakan browser pertama yang mendukung nomor versi metode.
Segera setelah nomor -webkit-, moz, atau -o- menentukan browser pertama yang mendukung ini prefix versi atribut.
4.0 -webkit- | 10,0 | 16.0 5.0 moz | 4.0 -webkit- | 15,0 -webkit- 12.1 12,0 -o- |
contoh
Warna latar belakang secara bertahap berubah dari merah ke biru:
@keyframes mymove
{
from {background-color:red;}
to {left:blue;}
}
/*Safari 和 Chrome:*/
@-webkit-keyframes mymove
{
from {background-color:red;}
to {background-color:blue;}
}
{
from {background-color:red;}
to {left:blue;}
}
/*Safari 和 Chrome:*/
@-webkit-keyframes mymove
{
from {background-color:red;}
to {background-color:blue;}
}
Coba »
sifat animasi
sifat CSS animasi: