Как исправить проблему перехода на другие слайды в слайдере?

Question

[Mary Солнечная]

Всем привет. Ранее я задавала вопрос про то какой плагин использовать для карусели. Использую bootstrap.
Вот пример карусели. jsbin.com/ludicofemo/edit?html,output
В таком виде она работает хорошо только в Safari и Сhrome. В остальных браузер она работает, но анимации никакой нет. Если закомментировать вот этот кусок кода

.carousel-inner > .item.next,
            .carousel-inner > .item.active.right {
                left: 0;
                -webkit-transform: translate3d(33%, 0, 0);
                transform: translate3d(33%, 0, 0);
            }
            .carousel-inner > .item.prev,
            .carousel-inner > .item.active.left {
                left: 0;
                -webkit-transform: translate3d(-33%, 0, 0);
                transform: translate3d(-33%, 0, 0);
            }

с трансформациями, то будет работать везде одинаково , НО - анимация будет, но пролистывать будет карусель через все слайды к изначальному. Это не очень нужно. Добавляла префиксы - либо никаких изменений, либо полная поломка. Как сделать кроссбраузерный переход на следующий слайд? Как решить проблему? Опыта маловато, буду благодарна за помощь. Заранее спасибо

Comments

[Hyubert]

caniuse.com/#search=translate3d