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

  • Huot Media

    Huot Media

    7 Mayıs 2010
  • Justin Davis

    Justin Davis

    14 Ocak 2008
  • TomOdellVEVO

    TomOdellVEVO

    29 Mayıs 2012