002-5 Hamter de Indias – Hamster Onboard – T5

Paso 1: Diagnóstico

Al hacer scroll y alcanzar este punto, ScrollTrigger activa la actualización del panel visual.

Paso 2: Procesamiento

El contenido se desplaza verticalmente mientras la tarjeta de la derecha permanece anclada en pantalla.

Paso 3: Resultado

Finaliza la secuencia transformando la tarjeta interactiva con la animación configurada.

Inicio de la Experiencia

Paso 1: Diagnóstico

Al hacer scroll, Intersection Observer detecta la entrada de este bloque.

Paso 2: Análisis

El panel de la derecha se mantiene fijo gracias a CSS Sticky.

Paso 3: Conclusión

A este punto puedes saltar directamente usando el botón del panel.

Desplaza para iniciar

Desplaza hacia abajo para iniciar la lectura...

1. Introducción al Diagnóstico

Texto completo del contenido del curso que el estudiante va leyendo normalmente en la pantalla...

2. Fase de Procesamiento

Texto completo de la lección para el segundo bloque de contenido en el maquetador...

3. Resultados Esperados

Texto explicativo final correspondiente al cierre del tema presentado...

📜 Haz scroll hacia abajo para avanzar la animación del oso paso a paso...

📜 Haz scroll hacia abajo para ver al oso completar sus 3 ciclos de caminata...

📜 Haz scroll hacia abajo para ver al oso dar 3 caminatas completas...