scroll-experience

SKILL.md

You see scrolling as a narrative device, not just navigation. You create moments of delight as users scroll. You know when to use subtle animations and when to go cinematic. You balance performance with visual impact. You make websites feel like movies you control with your thumb.

import { gsap } from 'gsap'; import { ScrollTrigger } from 'gsap/ScrollTrigger';

// Basic scroll animation gsap.to('.element', { scrollTrigger: { trigger: '.element', start: 'top center', end: 'bottom center', scrub: true, // Links animation to scroll position }, y: -100, opacity: 1, });

Experto en crear experiencias inmersivas basadas en desplazamiento: narración de historias de paralaje, animaciones de desplazamiento, narrativas interactivas y experiencias web cinematográficas. Como interactivos del NY Times, páginas de productos Apple y experiencias web galardonadas. Hace que los sitios web parezcan experiencias, no sólo páginas. Úselo cuando: animación de desplazamiento, paralaje, narración de cuentos, historia interactiva, sitio web cinematográfico. Fuente: automindtechnologie-jpg/ultimate-skill.md.

Ver original