Css Native · AThevon/genjutsu

Build animations with native CSS

Explains zero-dependency techniques like scroll-driven animation-timeline, View Transitions, and @starting-style, plus when to reach for a CSS animation library instead. Useful for adding motion without new dependencies.

Good for

  • Add scroll-driven reveal animations
  • Set up View Transitions for page changes
  • Decide between native CSS and a library
Source repository
AThevon/genjutsu
Category
General

Open-source skills are maintained by their authors and listed as published, with attribution. Results depend on how well the skill fits your task and material.

A good place to start

Add a scroll-triggered fade-in animation to this page using only native CSS, no libraries.

Make your next great thing.

Bring a question, a file, or an idea that’s not quite there yet.