Блог

Главная - Вопросы по программированию - есть ли способ изменить длительность скольжения для carousel в bootsrap 4?

есть ли способ изменить длительность скольжения для carousel в bootsrap 4?

#html #css #bootstrap-4

#HTML #css #bootstrap-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 /

он неправильно отформатирован, но дает представление

Комментарии:

1. Можете ли вы предоставить codeply ?

2. я ничего не нашел, я нашел только это getbootstrap.com/docs/4.1/components/carousel / … но мне трудно понять, что мне нужно делать, вероятно, потому, что я никогда не использовал sass или sccs,

Ответ №1:

Используйте встроенный CSS в HTML-теге, например:

 <div class="slider" style="transition-duration: 5s;"></div>

//Добавление встроенного стиля переопределяет загрузочный CDN, а продолжительность перехода устанавливается вручную.