Как сделать плавное появление блока с текстом в карточке?

Question

[MRcracker]

Есть карточка. Высота карточки может быть разная. Карточка разделяется на две части - верхняя и нижняя. Нижняя часть карточки изначально скрыта и появляется при наведении на верхнюю часть карточки курсора. Подскажите, как реализовать плавное появление нижней части так, чтобы получалось как-будто она выезжает сверху вниз и растягивает карточку? Пока что добавил display: block и display: none, но плавность добавить не получается)))

Answer 1

[Владимир]

Здесь

Comments

[Антон Литвиненко]

На всякий случай оставлю, что дисплей нон блок не анимируется

[MRcracker]

так, а как скрыть блок и сделать чтобы он появлялся то при наведении?

[Владимир]

MRcracker, по hover, надо полагать. Если делаешь на jQuery, то вот здесь куча информации.