Плавное изменение высоты блока

270

29 октября 2017, 18:44

.block.post:hover {
    height: auto;
}
.block.post {
    max-height: 200px;
    transition: 0.5s;
}

У меня у одного высота плавно не меняется? Как это исправить?

Answer 1

Вот работающий сниппет. Надо ставить высоту auto сразу, overflow: hidden, и регулировать высоту блока при наведении через max-height

div { 
  height: auto; 
  max-height: 50px; 
  overflow: hidden; 
  background: red; 
  transition: max-height 1.5s; 
} 
 
div:hover { 
  max-height: 250px; 
}

<div>text<br>text<br>text<br>text<br>text<br>text</div>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Правильность вывода формата JSON

Дорогие друзья, нужна ваша помощьИмеется массив array() с данными из базы данных

286

HTML

Работает ли include в Вижуал студио?

Подскажите, изучаю хтмл, счас пробую с include вставки делатьПишу в вижуал студио, а include не работает, или он только с локальным сервером будет...

388

HTML

Абсолютное позиционирование и @media

Добрый день! Столкнулся с проблемой абсолютного позиционирования для media запросов

274

HTML

атрибут `map` в html не работает

372