Bootstrap轮播图像滑动效果和持续时间变化

Question

我正在使用自助式旋转木马。我想将转换时间和效果更改为2s轻松。我用以下css覆盖了它

.carousel-inner> .item {
    -webkit-transition: -webkit-transform 2s ease;
    transition: transform 2s ease;
}

它正在工作但问题是第一个图像在下一个到达结束之前消失

我的屏幕截图正是在我的网站

中发生的