.block.post:hover {
height: auto;
}
.block.post {
max-height: 200px;
transition: 0.5s;
}
У меня у одного высота плавно не меняется? Как это исправить?
Вот работающий сниппет. Надо ставить высоту 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>
heigth: auto;
будет отличаться по высоте от вашего начального значения?