@Norum

Как сделать плавное увеличение высоты картинки?

Я использую Owl-carousel для галереи и мне нужно, чтобы центральный слайд немного увеличился по высоте. Я этого добился путем увеличения высоты картинки внутри блока, но никак не могу добиться плавности, transition выставлял, но не работает. Изначально использовал scale, но не подошло, так как увеличивается сам контент внутри. В чем проблема?

Весь сайт cn39614.tmweb.ru
Весь код jsfiddle.net/8mLsp9by/

60f742b91538b599992678.jpeg

.spaces-gal .owl-item img {
  transition: 0.3s;
}
.spaces-gal .owl-item.center img {
  height: 450px;
  • Вопрос задан
  • 55 просмотров
Пригласить эксперта
Ответы на вопрос 1
@alekcena
В попытках обрести навыки и умения
Анимация может происходить только если есть от чего отталкиваться.
У вас нету первоначального значения для height
Иначе это просто переключения значений с ничего на 450px
Установите для img значение (px) и всё заработает.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы