Почему не работает анимация при отмене hovera?

Question

[Игорь]

анимация при наведенеии работает а при убирании мышки исчезает не плавно... почему? вроде бы все прописал правильно... спасибо!
jsfiddle.net/j9e1fw2L/3

Answer 1

[Евгений Петров]

Про то, что не нужно transition на псевдокласс вешать, вам уже сказали.
Но позиционирование-то кто анимировать будет?
jsfiddle.net/petroveg/j9e1fw2L/12

Comments

[Игорь]

спасибо огромное!!!!!

Answer 2

[L0k1]

Transition на дефолтное состояние - и будет все как надо

Comments

[Игорь]

а можешь в моем примере поправить? я просто только учусь и пока твой ответ ничего мне не говорит (... попробовал загуглить тоже не помогло... спасибо

[Игорь]

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

[L0k1]

Я с телефона, да и лень мне. Ты прописал transition на li:hover, а надо просто на li. Фирштейн?

[Игорь]

L0k1: я смотрел примеры в нете да там тоже на ховерах не было, пробывал удалять у себя но всеравно нет анимации (
jsfiddle.net/j9e1fw2L/4