Как осуществить плавное появление бордера у инпута при фокусе?

Question

[Alice777]

Я набросал вот такой код https://jsfiddle.net/JohDak/uj47nL27/
При фокусе бордер должен плавно появляться и исчезать. Мне же удалось осуществить только плавное появление бордера у элементов, которые вышли из фокуса

Answer 1

[Evgeny Kulakov]

Вы цвет задаете самому борюду, а нужно border-color: https://jsfiddle.net/kulakoff/mmchxt6a/