Пытался сделать карусель с плавным переходом кадров
Изначально писал на Js, но результата это не дало, в итоге посоветовали написать на css
Вот код
@-webkit-keyframes next-slide {
from {left: 0px}
50% {left: 144px;}
to {left: 287px;}
}
@keyframes next-slide {
from {left: 0px}
50% {left: 144px;}
to {left: 287px;}
}
.next-slide {
animation: next-slide 5s 1 ease-in-out;
-webkit-animation: next-slide 5s 1 ease-in-out;
transition: 3s;
}
Однако результат остался тот же, переключение слайдов работает, но резко и мгновенно
Подскажите, что не так?
Средний
