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

Почему криво работает transition?

В хроме и опере криво работает transition: размер изображения увеличивается/уменьшается не плавно, а рывком.
В чём может быть проблема?
https://www.youtube.com/watch?v=R_t2BOIUyr0

test1.fiter.su/slider
  • Вопрос задан
  • 408 просмотров
Подписаться 1 Оценить 2 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Skillbox
    Веб-вёрстка 3.0
    3 месяца
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 2
@ssumatokhin
Да в самом деле есть не большие баги. Попробуй на прямую задать класс, а не по ветки в низ спускаться (#carousel img).
Ответ написан
Комментировать
SilenceOfWinter
@SilenceOfWinter
та еще зажигалка...
#carousel img {
     ...
     -webkit-transition: all 0.5s linear 0.5s;
     -moz-transition: all 0.5s linear 0.5s;
     -o-transition: all 0.5s linear 0.5s;
     transition: all 0.5s linear 0.5s;
     ...
}

использовать линейное изменение размеров - linear, и увеличить время выполнения - transition-duration
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
FoodSoul Калининград
от 180 000 до 250 000 ₽
Data Directs Тель-Авив
от 350 000 ₽