Çevrimiçi Araç CSS3 Animasyon Oluşturucu

Animation

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.