Fade Content

Content fades and rises gently as it enters the viewport — the calm default reveal. Reveal a few key blocks, not everything; keep travel small. Instant under prefers-reduced-motion.

xpert-ai ce1bfc2 5 files · 3.8 KB Updated

File contents

fade-content

Fade + rise on view. Dependency-free, reduced-motion safe.

How to apply

Copy the css+js; add class fade-content (optional --fc-delay for stagger). Auto-reveals once on view.

xpert-ai/xpert-plugins/tree/main/xpertai/apps/motion/assets/upstream/recipes/web/fade-content commit ce1bfc2d33

Frequently asked questions

npx skillmds@latest add xpert-ai/fade-content