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

Question

[MRcracker]

Подскажите, как сделать чтобы блок с картинкой и текстом плавно увеличивался при наведении на него курсора?

Answer 1

[Nevada18]

на сам блок транзишен вешаешь, а в ховере размеры пишешь.

.box {
...
width: 100px;
transition: all 1s linear;
}

.box:hover {
width: 200px:
}

типа такого