Paneles que se revelan con el scroll
Cada panel se revela con animation-timeline: view(), o sea que el fotograma lo decide la posición del panel en el contenedor y no un temporizador ni una librería de scroll, con índice lateral resuelto por IntersectionObserver y un @supports que deja el estado final si el navegador no entiende las líneas de tiempo de scroll.
Cómo funciona este catálogo
Cada componente trae su prompt de reproducción: el texto que se pega en un constructor con inteligencia artificial para obtener exactamente esta pieza. Los valores que ves arriba son editables, y el prompt que copias lleva dentro los que hayas elegido, así que lo que se genera es lo que estabas mirando.
Componentes parecidos
- Título que es el hueco de la máscara
- Acordeón de cards apiladas por scroll
- Sobre que revela productos
- Hoja plegada que se despliega
- Escena de libro desplegable
- Vídeo frotado por el scroll
- Titulares que se relevan pineados
- Inversión de tema por scroll
- Fullpage con telón que cae
- Indicador de scroll con estrella
- Deck de slides a pantalla completa
- Cascada de cards scroll-linked
