Tembel insanlar için CSS Animasyon oluşturucu.
CSS Animasyonları
CSS, JavaScript veya Flash kullanmadan HTML öğelerinin canlandırılmasına izin verir
Bu bölümde aşağıdaki özellikler hakkında bilgi edineceksiniz:
- @ana kareler
- animasyon adı
- animasyon süresi
- animasyon gecikmesi
- animasyon-yineleme-sayısı
- animasyon yönü
- animasyon-zamanlama-fonksiyonu
- animasyon doldurma modu
- animasyon
Tarayıcıya Özgü Önekler
Bazı eski tarayıcılar, animasyon özelliklerini anlamak için belirli öneklere (-webkit-) ihtiyaç duyar.
CSS Animasyonları nedir?
Animasyon, bir öğenin kademeli olarak bir stilden diğerine geçmesine izin verir.
İstediğiniz kadar CSS özelliğini istediğiniz kadar değiştirebilirsiniz.
CSS animasyonunu kullanmak için önce animasyon için bazı ana kareler belirtmelisiniz.
Anahtar kareler, öğenin belirli zamanlarda hangi stillere sahip olacağını tutar.
@keyframes Kuralı
@keyframes kuralı içinde CSS stillerini belirlediğinizde, animasyon belirli zamanlarda kademeli olarak mevcut stilden yeni stile değişecektir.
