Tanımı ve Kullanımı
Bazı CSS özelliklerini onlar animasyonlar ve geçişler kullanılabilir, yani canlandırılabilir.
Canlandırılabilir özellikleri boyut, sayı, yüzde ve renk gibi, başka bir değerden kademeli değiştirebilir.
Tarayıcı Desteği
Tablodaki rakamlar tamamen CSS animasyonları destekleyen ilk tarayıcı sürümü belirtir.
Sayılar -moz-, -webkit- ardından veya önek ile çalıştı ilk sürümü belirtmek -O-.
| 4,0 -webkit- | 10.0 | 16.0 5.0 -moz- | 4,0 -webkit- | 15.0 -webkit- 12.1 12.0-o- |
Örnek
kırmızıdan maviye Arka planının rengini canlandırın:
/* Code for Chrome, Safari and Opera */
@-webkit-keyframes mymove
{
from {background-color: red;}
to {background-color: blue;}
}
/* Standard syntax */
@keyframes mymove
{
from {background-color: red;}
to {background-color: blue;}
}
Kendin dene " canlandırılabilir Özellikleri
Bu özellikler CSS'deki canlandırılabilir: