cycle-atlas/.agents/skills/hyperframes-animation/transitions/css-grid.md at 1b2c8439f0e04a0f41899f9baaedadbf9a049b48

0 Fork 0

Files

T

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_011h6NB8JQtfPc6eRCefEzBB

2026-10-14 21:51:46 +00:00

Grid

Grid of colored cells covers the frame in a ripple from center. Scene swaps at 50% coverage. Cells fade out in ripple.

12-cell (4x3, each 480x270): standard 120-cell (12x10, each 160x108): dense variant — lower opacity (0.75), tighter ripple

Cells are created dynamically in JS, sorted by distance from center for ripple stagger.