Какое ключевое свойство в CSS когда отводишь(как и наводишь) мышь от блока, включается временное анимация?

Question

[SheikhRamil]

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

Answer 1

[Никита Михайлов]

Если укажешь transition не на hover, а на самом элементе, то он будет срабатывать в обе стороны. Но в обратную сторону будет быстрее

Comments

[SheikhRamil]

спасибо помогло, странно даже не ожидал что надо так писать

Answer 2

[Anton]

наверное transition

.my_class {
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

Comments

[SheikhRamil]

не работает

[SheikhRamil]

странно, у меня заработало когда на самом элементе написал transition: all 0.5s
а на ховер удалил это

[Anton]

Ramil_ Bayramov_, так и нужно было делать )

Прежде чем что то использовать желательно почитать хотябы раз как это работает

htmlbook.ru/css/transition