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

Question

[MRcracker]

Есть блок - карточка. Он содержит в себе заголовок и описание. Скажите, как сделать так, чтобы изначально в блоке был заголовок и он был прижат в нижней части карточки, а при наведении на блок заголовок поднимался вверх и снизу в блоке выезжало описание блока?

Answer 1

[Steppp]

Делаешь 2 вида! Один вид в открытом состоянии, другой вид в закрытом!

И вот в закрытом виде, стили вешаешь на hover

.card { transition: 0.3s; }
.card:hover {  transition: 0.3s; }

Comments

[Adam Hill]

А можно более подробно? А то только учусь на Front-end разработчика)))

[Steppp]

Adam Hill,
Недавно делал пример! Смысл такой же. В css в конце стили анимации

[pereyaslavskiy]

Для ховера писать отденьный transition не обязательно, так как основной работает для обоих состояний