CSS ile animasyon yapımı

[Mystic0]

Animasyon için CSS kodumuz:

Kod: Tümünü Seç Tümünü Kopyala

@keyframes Animasyon_adi {
0% {
0% da olacaklar
}
25% {
25% de olacaklar  
}
50% {
50% de olacaklar      
}      
75% {
75% de olacaklar
}  
100% {
100% de olacaklar      
}
}

div.class_adınız {
   animation-name: Animasyon_adi;
   animation-delay: 1s; // Gecikme
   animation-duration: 1s; // Duraklama Süresi
   animation-iteration-count: 999999999999; // Kaç Kere Tekrarlancak
   animation-direction: reverse; // Yönü
   animation-timing-function: linear; // Zamanlama Fonksiyonu
   }

Ondan sonra ayarladığımız class adını gerekli html tag'ımıza ekliyoruz. Animasyon Olmuş Oluyor.

[yusufkoc]

Teşekkürler hocam :)