Estou fazendo uma tela de loading e no final do efeito, o valor de css que deve ser mantido, é o valor que está no 100% do animation, só que quando o efeito termina, ele volta ao css inicial.
Como faço para executar o efeito e manter o valor que está no 100%?
Css:
.loading_home_logo {
position: absolute;
right: 0px;
top: -70px;
animation: move-logo 4s;
}
@keyframes move-logo {
0% {
right: inherit;
top: -10vh
}
50% {
top: -40vh;
left: 50%;
}
100% {
top: -50vh;
right: inherit;
left: 0;
}
}