SORU
31 Mayıs 2011, Salı


CSS3 animasyon bitiminde bir geri arama var mı?

Css3 animasyon durumda geri arama fonksiyonu uygulamak için herhangi bir yolu var mı? Javascript animasyon, ama bu mümkün css3 bunu yapmak için herhangi bir yol bulmak durumunda.

Görebildiğim tek yön animasyon süre sonra geri arama yürütmek için, ama bu her zaman doğru animasyon bittikten sonra verilir emin olun yok. Tarayıcı UI sırasına bağlıdır. Daha sağlam bir yöntem istiyorum. Herhangi bir ipucu?

CEVAP
2 HAZİRAN 2011, PERŞEMBE


Evet, var. Geri bir olay, bir olay dinleyicisi onu yakalamak için eklemeniz gerekir. Bu jQuery ile bir örnek:

$("#sun").bind('oanimationend animationend webkitAnimationEnd', function() { 
   alert("fin") 
});

Ya saf js:

element.addEventListener("webkitAnimationEnd", callfunction,false);
element.addEventListener("animationend", callfunction,false);
element.addEventListener("oanimationend", callfunction,false);

Canlı demo: http://jsfiddle.net/W3y7h/

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Dive In

    Dive In

    17 Temmuz 2013
  • Liam Underwood

    Liam Underwo

    19 Mayıs 2009
  • MrRandomSong

    MrRandomSong

    29 Kasım 2009