Как сделать плавный :hover:after?

Question

[leviathan]

Можно ли как-то добавить плавность к данному примеру? https://jsfiddle.net/Larsen52/u1Lsex4y/

Answer 1

[Stalker_RED]

Вся соль в transition
https://jsfiddle.net/Stalk/pc2L6yhv/

Comments

[leviathan]

Чёт не пашет

[Stalker_RED]

The_Lars: Сорри, обновил.
transition: width .2s ease-out 0; - не катит.
нужно писать или transition: width .2s ease-out 0s; или transition: width .2s ease-out;

Answer 2

[Дмитрий]

https://jsfiddle.net/soledar10/eL9aknyc/
https://jsfiddle.net/soledar10/eL9aknyc/1/