scroll-driven-animations
✓CSS Scroll-Driven Animations with ScrollTimeline, ViewTimeline, parallax effects, and progressive enhancement for performant scroll effects. Use when implementing scroll-linked animations or parallax.
Installation
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 |
CSS Scroll-Driven Animations with ScrollTimeline, ViewTimeline, parallax effects, and progressive enhancement for performant scroll effects. Use when implementing scroll-linked animations or parallax. Source: yonatangross/skillforge-claude-plugin.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/yonatangross/skillforge-claude-plugin --skill scroll-driven-animations- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is scroll-driven-animations?
CSS Scroll-Driven Animations with ScrollTimeline, ViewTimeline, parallax effects, and progressive enhancement for performant scroll effects. Use when implementing scroll-linked animations or parallax. Source: yonatangross/skillforge-claude-plugin.
How do I install scroll-driven-animations?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/yonatangross/skillforge-claude-plugin --skill scroll-driven-animations Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/yonatangross/skillforge-claude-plugin
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-01