Twitter Bootstrap carousel - Firefox'ta css geçişi

Question

Firefox'ta css geçişiyle ilgili bir sorun yaşıyorum. Twitter Bootstrap carousel kullanıyorum. Bazı değişiklikler yaptım, bu yüzden resimler sağdan sola kaymıyor. Bunun yerine, kaybolurlar ve sönerler. Ayrıca, atlıkarınca başlıklarında bazı css geçişleri ekledim. http://jsfiddle.net/Jh3rF/181/

Her şey Chrome'da çalışıyor ancak Firefox (versiyonunda 16 Mac):

İşte benim kodudur. Karuseldeki bir sonraki bağlantıya tıkladığımda, güzel bir geçiş var. Aktif slayt söner ve resim yazısı sağa doğru hareket eder. Ancak bir sonraki slaytın başlığı aniden ortaya çıkıyor, oysa Chrome'da güzel bir geçiş var (resim yazısı aşağıdan yukarıya doğru gider ve güzel bir şekilde söner). Burada bir hata bulamıyorum.

Her türlü tavsiye için minnettar olurum.

Answer 1

bu yazı cevap olarak, geçiş efekti olmasını istediğiniz özellikler için temel değerleri ilan Dene:

Why is my CSS3 Transition not working in Firefox?

Answer 2

Ben de aynı problem vardı, animasyon Google Chrome'da ama Firefox o inşaat büyük aniden ortaya çıkıyor.

Yaptığım şey oldukça basit, bir sonraki slayt geldiğinde sınıfları kaldırır ve ekler.

$('#carousel-main').on('slide.bs.carousel', function (e) { 
    $(e.relatedTarget).find('.animated').each(function() { 
     var item = $(this); 
     var classes = item.attr('class'); 
     item.attr('class', ''); 
     item.hide(); 
     setTimeout(function(){ 
      item.show(); 
      item.addClass(classes); 
     }, 10); 
    }); 
});