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

Question

[RushV]

Здравствуйте!
Можно ли реализовать плавный переход при наведении через css?
Или только через скрипт такой делается

.cart-finished-house:hover{
    bottom: 1%;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

Надо медленно увеличить и уменьшить значение при наведении bottom.
Заранее благодарю!

Answer 1

[VegasChickiChicki]

.cart-finished-house{
    bottom: 15%;
    transition: bottom easy 0.5s;
}

.cart-finished-house:hover{
    bottom: 1%;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

Answer 2

[Варлам Ерофеич]

Эксперимент первый:

Инфа об аниме
Инфа о переходах
Инфа о трансформациях