.ani{animation: animacja-out 0.6s ease-out forwards}
.ani:hover{animation: animacja-in 0.6s ease-out forwards}

@keyframes animacja-in {
0% {top: 0px; background:red;}
100% {top: -30px;background:blue;}
}
@keyframes animacja-out {
0% {top: -30px; background:blue;}
100% {top: 0px; background:red;}
}