Почему может быть рассинхрон анимации?

Question

[drtvader]

Привет!
Делаю слайдер, и при переключении идет какая-то рассинхронизация. Один слайд не успевает при переключении за другим. Хотя классы задаются в один момент времени.

.b-content__item {
    transition: transform .67s linear;
}
.safari-top {
    transform: translateY(-100%);
}
.safari-bottom {
    transform: translateY(100%);
}
.safari-static {
    transform: translateY(0%);
}

К сожалению рабочий код очень сложно вытащить.
Может будут предположения у кого?

Comments

[Виолетта Морозова]

у тебя задано время выполнения анимации. Попробуй задать время начала выполнения анимации (вроде пишется перед временем выполнения): сначала 0s, потом попробуй начинать с задержкой.

[drtvader]

Спасибо! Там беда в скрипте была. Классы добавлялись не одновременно)