CSS3 @keyframes

@keyframes :

Animasyon kuralıdır. Animasyonun adımlarını girerek oluşturursunuz. Tıpkı çizgifilm animasyonlarının kare kare oluşturulması gibidir. Bu adımlar % yüzdelelerle ifade edilir. %0 ‘ dan 100% kadar adımları siz belirlersiniz. En iyi tarayıcı desteğini sağlamanız için %0 başlangıç değeri ve 100% bitiş değeri girilmelidir.

Örnek

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
animationname Bu kısma bir animasyon ismi girilmelidir.
Keyframes-selector %0-100% arası adımlar girilerek oluşturulur. %0 ve 100% değerlerinin girilmesi önerilir.
Css-style Bir veya daha fazla değişecek css özelliği.

Tarayıcı Desteği

43.0
4.0-webkit
16.0
5.0-moz
10.0 9.0
4.0-webkit
30.0
15.0-webkit
12.0-o

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir