Как сделать в css анимацию при наведении и после?

Question

[Аркадий Леонтьев]

lkitchen24.ru - тут при наведении проигрывается анимация. После того как мышь уходит с кортинки резко возвращается назад. Как сделать что бы плавно возвращалась?

Answer 1

[yakupov112]

Answer 2

[rinatoptimus]

Попробуйте:

.kitchem_u1 {
    width: 220px;
    height: 220px;
    background: url(../images/icom/1.jpg);
    margin: 10px;
    border-radius: 15%;
    box-shadow: 0 0 7px #fff;
    transition: all .2s linear;
}

.kitchem_u1:hover {
    transform: translateY(-30px);
}

Comments

[Аркадий Леонтьев]

зациклить надо анимацию при наведении. Видимо нет решения для данной идеи.