Как сделать чтобы кнопка, после hover, также возвращалась в исходное положение?

Question

[Ne0n5amura1]

Есть кнопка, задал ей анимацию уменьшения при наведении. Но когда убираю мышь, она резко встает в исходное положение. Как сделать чтобы этот процесс происходил с той же задержкой, что и при наведении ?

Comments

[Сергей delphinpro]

Оформите пример на jsfiddle.net с вашим вариантом. Кто-нибудь поправит.
А так получается сферический конь в вакууме.

[Сергей delphinpro]

Я конечно догадываюсь что вы использовали кейфреймы для анимации, но могу ведь и ошибаться...

[Ne0n5amura1]

Сергей: правильно догадывайтесь

Answer 1

[Алекс Глебов]

тут не нужна анимация

.btn {
 transition: 0.4s;
 transform: scale(1);
}
.btn:hover {
 transform: scale(0.8);
}