CSS-переход применяется только к начальной анимации? ⇐ Html

[Anonymous]

В настоящее время я пытаюсь использовать переходы CSS, чтобы сгладить расширение и сжатие элементов div при наведении курсора, однако свойство Transition, по-видимому, применяется только к анимации входа (т. е. наведению курсора мыши, расширению элемента div), но не к выходу (мышь уходит, элемент управления сворачивается). Есть ли отдельное свойство или что-то еще, чего мне не хватает, чтобы сделать эту анимацию единообразной?

Код: Выделить всё

.collapsed-content {
max-height: 3rem;
transition: max-height 1.75s ease-in;
display: flex;
flex-direction: column;
}

.collapsed-content :hover {
max-height: 300rem;
transition: max-height 1.75s ease-in;
}

Код: Выделить всё

 Content

More content to reveal here

Подробнее здесь: https://stackoverflow.com/questions/742 ... -animation