Desplazamiento de la lista hacia arriba, un clic por elemento, con los elementos anteriores desplazándose hacia la parte superior

Desplazamiento de la lista hacia arriba, un clic por elemento, con los elementos anteriores desplazándose hacia la parte superior

Lo que me gustaría hacer es un poco como una animación de Créditos pero no continua.

Al hacer clic: el elemento se desplaza desde la parte inferior, el elemento anterior se desplaza hacia arriba de forma sincronizada (pero no fuera de la parte superior de la pantalla) y se desvanece ligeramente para llamar la atención sobre el nuevo elemento. Luego haga una pausa con el nuevo elemento en la pantalla hasta el siguiente clic. La idea es que la audiencia aún pueda leer el elemento anterior si es necesario, pero su atención se centrará en el nuevo elemento.

es posible?

Respuesta1

No estoy seguro de cómo lo imaginas exactamente, pero puedes hacerlo con un poco de trabajo.

He logrado hacer algo como esto:

ingrese la descripción de la imagen aquí

Se trata de colocar cuadrados negros con transparencias y animaciones de líneas en movimiento, como en la imagen a continuación:

ingrese la descripción de la imagen aquí

información relacionada