Animación bloquea cajas.

[pzin]

Ahora si entendí y vi.

El problema es que al terminar la animación, el elemento vuelve a su posición original. Supongo que habrás puesto opacidad o algo así para que no se viera. Pero sigue quedando por encima y evita que puedas interactuar con cualquier cosa que haya detrás. Ahí puedes usar forwards para que cuando termine la animación se quede en ese estado:

Código CSS:

animation: nombre_animacion 1s forwards;
 

Adicionalmente, podrías indicar en la animación un porcentaje en lugar de pixeles, así si cambia el contenido no tienes que volver a cambiar la animación. Podría indicar por ejemplo que se moviera un 100% de arriba:

Código CSS:

from {
  top: 0;
}
 
to {
  top: 100%;
}