Örnek
@keyframes animasyon için bir ad belirleyin:
div
{
-webkit-animation-name: mymove; /* Chrome, Safari, Opera */
animation-name: mymove;
}
Kendin dene " Tanımı ve Kullanımı
animasyon-name özelliği @keyframes animasyon için bir ad belirtir.
Varsayılan değer: | none |
---|---|
Miras: | no |
canlandırılabilir: | no. Read about animatable |
Versiyon: | CSS3 |
JavaScript sözdizimi: | object .style.animationName="myNEWmove" Try it |
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
Sayılar -moz-, -webkit- ardından veya önek ile çalıştı ilk sürümü belirtmek -O-.
özellik | |||||
---|---|---|---|---|---|
animation-name | 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- |
CSS sözdizimi
animation-name: Mülkiyet Değerler değer Açıklama keyframename Eğer seçicinin bağlanma anahtar karesinin adı istiyorum belirtir none Varsayılan değer. animasyon olacağını belirtir (basamaklama gelen animasyonlar geçersiz kılmak için kullanılabilir) initial varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun inherit üst öğesinden bu özelliği devralır. Yaklaşık miras oku
İlgili Sayfalar
CSS3 öğretici: CSS3 Animasyonlar
HTML DOM referansı: animationName property