首页 > 解决方案 > 更改引导程序 4.2 轮播持续时间

问题描述

如何在脚本中更改 BS4.2 中的轮播过渡或淡入淡出持续时间?BS doc是这样说的:

更改过渡持续时间

如果您使用已编译的 CSS ,.carousel-item可以在编译或自定义样式之前使用 Sass 变量更改过渡持续时间。$carousel-transition如果应用了多个转换,请确保首先定义转换转换(例如transition: transform 2s ease, opacity .5s ease-out)。

我正在使用CSS。我可以使用js更改过渡吗?例如,类似于我更改间隔的方式:

<script>
    $( '.carousel' ).carousel( {
        interval: 6000
    } )
</script>

标签: javascriptcssbootstrap-4carousel

解决方案


嗨@dandan 不,您可以通过 JavaScript 修改它,但您可以在自定义 CSS 中更改它

例如:

.carousel-item {
  transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

推荐阅读