Как указать ту же скорость перехода для всех слайдов, независимо от их ширины?CSS

Разбираемся в CSS
Ответить
Anonymous
 Как указать ту же скорость перехода для всех слайдов, независимо от их ширины?

Сообщение Anonymous »

Как указать ту же скорость перехода для всех слайдов, независимо от их ширины? Теперь скорость перехода зависит от ширины слайда - более шире слайда, чем быстрее происходит переход. />

Код: Выделить всё

const slider = document.querySelector('.slider');
const sl = new Swiper(slider, {
slidesPerView: 'auto',
loop: true,
speed: 5000,
autoplay: {
enabled: true,
delay: 1,
},
});< /code>
.slider {
overflow: hidden;
}

.swiper-slide {
width: auto;
margin-right: 20px;
}

.slider__item {
font-size: 24px;
padding: 12px 32px;
background-color: #ccc;
}

.swiper-wrapper {
transition-timing-function: linear;
}< /code>





#looooooo


#hellohellohellohellohello


#hi


#Lorem, ipsum dolor


#foo


#boo


#go





Подробнее здесь: https://stackoverflow.com/questions/541 ... -their-wid
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»