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

  • 0TACTICAL0HIPPY0

    0TACTICAL0HI

    30 EYLÜL 2012
  • Need for Speed

    Need for Spe

    8 ŞUBAT 2006
  • NightShader1

    NightShader1

    25 Temmuz 2006