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, });

Expert dans la création d'expériences immersives basées sur le défilement : narration parallaxe, animations de défilement, récits interactifs et expériences Web cinématographiques. Comme les contenus interactifs du NY Times, les pages de produits Apple et les expériences Web primées. Donne aux sites Web l’impression d’être des expériences, pas seulement des pages. À utiliser dans les cas suivants : animation de défilement, parallaxe, narration de défilement, histoire interactive, site Web cinématographique. Source : automindtechnologie-jpg/ultimate-skill.md.

Voir l'original