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

Experte für die Entwicklung immersiver Scroll-Erlebnisse – Parallax-Storytelling, Scroll-Animationen, interaktive Erzählungen und filmische Web-Erlebnisse. Wie interaktive Inhalte der NY Times, Apple-Produktseiten und preisgekrönte Web-Erlebnisse. Lässt Websites wie Erlebnisse wirken, nicht nur wie Seiten. Verwendung bei: Scroll-Animation, Parallaxe, Scroll-Storytelling, interaktiver Story, filmischer Website. Quelle: automindtechnologie-jpg/ultimate-skill.md.

Original anzeigen