Animaciones Scroll GSAP Web

Замовник: AI | Опубліковано: 09.12.2025

Dispongo de una página ya maquetada en Figma y quiero llevarla a producción dotando a la sección principal de las animaciones de desplazamiento que se ven en las campañas de Apple, basadas en GSAP + ScrollTrigger. La idea es que el contenido se transforme mientras el usuario se desplaza, sin requerir clics ni hovers, creando esa sensación fluida y pulida característica de la marca. La audiencia navega mayoritariamente con Chrome, por lo que el código debe rendir perfectamente ahí, además de mantenerse estable en Firefox y Safari. El encabezado y el pie pueden quedarse estáticos; todo el dinamismo irá en el cuerpo central de la página. Entrego: • Archivo Figma con todos los componentes (colores, tipografías, assets SVG/PNG, breakpoints, etc.). • Guía de ritmo y timeline sugerido para cada keyframe de la animación en un vídeo. Espero de tu parte: • HTML, CSS y JavaScript limpios, usando GSAP 3.x y ScrollTrigger. • Animaciones sin parpadeos ni jumps, sincronizadas con la velocidad de scroll real. • Código modular para poder modificar textos o imágenes sin romper la lógica. • Pruebas y pequeñas correcciones hasta que el comportamiento sea idéntico en los principales navegadores. Si crees que algún easing, filtro o técnica extra de GSAP puede realzar el efecto, cuéntamelo: busco un resultado de nivel premium.