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

  • ipsy Makeup Tips

    ipsy Makeup

    19 ŞUBAT 2009
  • Random Act of Kindness Video Contest

    Random Act o

    18 EYLÜL 2012
  • Matthew Morrill

    Matthew Morr

    15 EKİM 2011