CSS Hareketlendirilebilir
Tanım ve Kullanım
Bazı CSS özellikleri canlandırılabilir , yani animasyonlarda ve geçişlerde kullanılabilirler.
Canlandırılabilir özellikler, boyut, sayılar, yüzde ve renk gibi bir değerden diğerine kademeli olarak değişebilir.
Tarayıcı Desteği
Tablodaki sayılar, CSS animasyonlarını tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
-webkit-, -moz- veya -o- ile takip edilen sayılar, bir önekle çalışan ilk sürümü belirtir.
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- |
Örnek
Arka plan rengini kırmızıdan maviye canlandırın:
@keyframes mymove
{
from {background-color: red;}
to {background-color: blue;}
}
Canlandırılabilir Özellikler
Bu özellikler CSS'de canlandırılabilir :