# M Scroll Fx

> Add scroll-triggered reveals and parallax using IntersectionObserver.

- Skill: `dragoon0x/m-scroll-fx` (Agent Skill)
- Install (CLI): `npx skillmds@latest add dragoon0x/m-scroll-fx`
- Raw SKILL.md: https://api.skillmd.com/api/skills/dragoon0x/m-scroll-fx/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: dragoon0x (https://skillmd.com/u/dragoon0x)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/dragoon0x/m-scroll-fx

---

# /m-scroll-fx — Scroll Effects
Reveal: elements fade in + translate up 20-30px on viewport entry.\n- threshold: 0.1\n- Stagger siblings 80-120ms\n- One-shot (don't re-hide)\n\nParallax: background layers at different scroll rates.\n- Use CSS scroll-driven animations where supported\n- Keep subtle (0.1-0.3 rate difference)\n\nRespect prefers-reduced-motion.