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

  • curioustravelers

    curioustrave

    12 AĞUSTOS 2006
  • geraldnonadoez

    geraldnonado

    3 Temmuz 2013
  • metal571

    metal571

    30 Mayıs 2006