Javascript 如何在bootstrap 4中更改过渡持续时间速度

Javascript 如何在bootstrap 4中更改过渡持续时间速度,javascript,jquery,css,bootstrap-4,Javascript,Jquery,Css,Bootstrap 4,如何使图像更平滑地滑动?我可以通过数据间隔控制每张幻灯片之间的速度,但如何控制实际幻灯片的速度?文件说: .carousel-item{ transition: transform 5s ease, opacity .5s ease-out; } 应该可以,但似乎没有任何效果 $(文档).ready(函数(){ $('.carousel')。在('click',function(){ if(!$(this).hasClass('paused')){ $('.carousel')。ca

如何使图像更平滑地滑动?我可以通过数据间隔控制每张幻灯片之间的速度,但如何控制实际幻灯片的速度?文件说:

.carousel-item{
    transition: transform 5s ease, opacity .5s ease-out;
}
应该可以,但似乎没有任何效果

$(文档).ready(函数(){
$('.carousel')。在('click',function(){
if(!$(this).hasClass('paused')){
$('.carousel')。carousel('pause');
$('.carousel').toggleClass('paused');
$('.carousel caption').css(“颜色”、“浅灰色”);
$(“.carousel item”).css(“过滤器”、“模糊(2px)”);
}否则{
$('.carousel')。carousel('cycle');
$('.carousel').toggleClass('paused');
$('.carousel caption').css(“颜色”、“白色”);
$(“.carousel item”).css(“过滤器”、“模糊()”);
}
});
});
html,正文{
身高:100%;
}
#掩护{
背景:#222URL('img/stars.jpg')中心不重复;
背景尺寸:封面;
颜色:白色;
身高:100%;
文本对齐:居中;
显示器:flex;
对齐项目:居中;
}
#封面标题{
宽度:100%;
}
.表格内联{
证明内容:中心;
}
.传送带项目{
变换:变换2缓,不透明度。5缓;
}

  • 拿着照相机的女人 她可能正在拍照

    下雨了 把蜘蛛拖了出来

    做爱 用他们的手


    您可以在
    传送带项目上使用
    转换持续时间

    .carousel-item {
       transition-duration: 2s;
     }
    

    您可以在
    传送带项目上使用
    转换持续时间

    .carousel-item {
       transition-duration: 2s;
     }
    

    可能看一下这个答案可能看一下这个答案我更新了我的问题,加入了你的答案。它看起来没有任何作用。我更新了我的问题,加入了你的答案。它看起来什么都没做。