html - 有没有办法改变 bootsrap 4 中轮播的滑动持续时间?
问题描述
我想知道是否有可能改变在旋转木马中滑动的持续时间我说的是这个 时间
有carousel-item-next的时间
enter c.carousel-fade .carousel-inner .carousel-item {
-webkit-transition-property: opacity;
transition-property: opacity;
transition-duration: .5s;
}
.carousel-fade .carousel-inner .carousel-item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
我正在使用这个 css 来制作淡入淡出动画,但是当你按下时,你实际上可以看到由于滑动持续时间,它需要一秒钟才能开始
我要离开一个 jsfiddle https://jsfiddle.net/w3o1y90p/6/
它的格式不正确,但它给出了这个想法
解决方案
在 HTML 标签中使用内联 CSS,例如:
<div class="slider" style="transition-duration: 5s;"></div>
//添加内联样式覆盖引导 CDN 并手动设置过渡持续时间。
推荐阅读
- android - 错误膨胀类片段...以前的都没有帮助..不知道错误
- swift - Swift - 如何使用 FireStore 身份验证
- oop - 单一责任原则有什么用?
- java - 改造通用基本方法的请求
- dart - 如何在 Flutter App 中管理选项卡之间的状态
- c++ - 如何在不使用 new 的情况下使在其他对象中创建的对象保持活动状态?
- c# - 如何在 Windows 窗体上将 ErrorProvider 与 ReactiveUI 一起使用?
- javascript - 如何添加 HTML `
- `到`
- ` 使用 jQuery?
- `到`
- vector - Coq 中的布尔向量推理,基于其总和的值。(向量的一种通用实例化)
- bash - 如何使用 sed、cut 或 awk 将第 10 列全局修剪为 30 个字符,但跳过标题,然后添加一个空格加 3 个点?