Twitter Bootstrap карусел - css преход в Firefox - css, firefox, google-chrome, twitter-bootstrap, css-преходи

Имам проблем с прехода css в Firefox. Използвам въртележката на Twitter Bootstrap. Направих някои промени, така че снимките не се плъзгат от дясно на ляво. Вместо това те избледняват и избледняват. Също така добавих някои преходи на CSS върху каруселни надписи.

Ето моя код: http://jsfiddle.net/Jh3rF/181/

Всичко работи добре в Chrome, но не и вFirefox (версия 16, Mac). Когато кликна върху следващата връзка в въртележката, има хубав преход. Активният слайд изчезва и надписите се преместват надясно. Но заглавието на следващия слайд показва внезапно, докато в Chrome има хубав преход (надписът върви отгоре надолу и се изчерпва добре). Тук не мога да намеря грешка.

Ще бъда благодарен за всякакви съвети.

Отговори:

Опитайте да декларирате базовите стойности за имоти, за които искате да имате ефект на преход, както е отговорено в тази публикация:

Защо моят CSS3 преход не работи във Firefox?

Просто имах същия проблем, анимацията работи чудесно в Google Chrome, но в Firefox се появява внезапно.

Така че това, което направих, е доста проста, премахва и добавя класовете, когато идва следващият слайд.

Така че тук е кодът:

$("#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);
});
});