Задайте изначальную позицию по типу
.animated {
transform: translateY(-100%);
transition: transform 1s linear;
}
.animated:hover {
transform: translateY(0);
}
Надеюсь идея понятна, transition не предназначен для указания направления. Он только о "переходе", что следует из его названия.
