Какого результата?
Transition отвечает за переход из одного состояния в другое по функции, а анимация фактически делает тоже самое, только позволяет сделать более чем два перехода во время воспроизведения - это и называется ключами анимации.
Только анимация в css имеет ключи, которые прописываются внутри @keyframes.
Вся более подробная информация, того что Вам нужно тут.
только вот транзишены начинают работать в обратную сторону при отведение мышки с элемента не дожидаясь окончания движения, а анимации так не работают. Вот какие дела...
