Задать вопрос
@Vakha1

Почему не срабатывает transition в CSS?

Есть блок слайдера в нем 5 картинки 100х100. Я сдвигаю картинки в JS на -100px и вот указываю в CSS
.sliderImg{
position: relative;
left: 0;
transition: all ease 3s;
}
Первая картинка когда сдвигается transition срабатывает а дальше нет.
Почему так?
  • Вопрос задан
  • 181 просмотр
Подписаться 1 Простой 6 комментариев
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
AngReload
@AngReload
Кратко о себе
Проблема в том, что ты не меняешь свойство left, можешь открыть инструменты разработчика и убедиться что у всех блоков left равен нулю. Слайды движутся только потому, что ты удаляешь первый слайд и ставишь его в конец.
Попробуй сначала просто двигать слайды. Задай родителю position relative, а слайдам position absolute. И только меняя left, без удаления и добавления слайдов, попробуй менять их позицию. Как только получится, слайду который перебегает из начала в конец устанавливай прозрачность или меньший z-index, и слайдер готов.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы