·scroll-driven-animations
</>

scroll-driven-animations

yonatangross/orchestkit

Scrollgesteuerte CSS-Animationen mit ScrollTimeline, ViewTimeline, Parallaxeneffekten und progressiver Verbesserung für leistungsstarke Scrolleffekte. Verwenden Sie diese Option, wenn Sie Scroll-Link-Animationen oder Parallaxe implementieren.

35Installationen·0Trend·@yonatangross

Installation

$npx skills add https://github.com/yonatangross/orchestkit --skill scroll-driven-animations

SKILL.md

CSS Scroll-Driven Animations API provides performant, declarative scroll-linked animations without JavaScript. Supported in Chrome 115+, Edge 115+, Safari 18.4+.

| Scroll Progress | scroll() | Tied to scroll container position (0-100%) | | View Progress | view() | Tied to element visibility in viewport |

| Browser | scroll() | view() | ScrollTimeline API |

Scrollgesteuerte CSS-Animationen mit ScrollTimeline, ViewTimeline, Parallaxeneffekten und progressiver Verbesserung für leistungsstarke Scrolleffekte. Verwenden Sie diese Option, wenn Sie Scroll-Link-Animationen oder Parallaxe implementieren. Quelle: yonatangross/orchestkit.

Original anzeigen

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/yonatangross/orchestkit --skill scroll-driven-animations
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-02-01
Aktualisiert
2026-02-18

Schnelle Antworten

Was ist scroll-driven-animations?

Scrollgesteuerte CSS-Animationen mit ScrollTimeline, ViewTimeline, Parallaxeneffekten und progressiver Verbesserung für leistungsstarke Scrolleffekte. Verwenden Sie diese Option, wenn Sie Scroll-Link-Animationen oder Parallaxe implementieren. Quelle: yonatangross/orchestkit.

Wie installiere ich scroll-driven-animations?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/yonatangross/orchestkit --skill scroll-driven-animations Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor

Wo ist das Quell-Repository?

https://github.com/yonatangross/orchestkit