CSS Animations for FrameVideo

FrameVideo can seek CSS keyframe animations through its css runtime adapter. Use this for simple repeated motifs, background motion, shimmer, glow, masks, and non-sequenced decoration.

For scene choreography, GSAP is usually clearer. CSS animations work best when the motion belongs to one element and has a fixed duration.

When To Use

Use CSS animations for:

• Decorative layers — background patterns, shimmer effects, grain, subtle parallax that doesn't need precise timing
• Simple loops — pulse, glow, breathing effects with known repeat counts
• Per-element motion — entrance animations where each element animates independently
• Zero-dependency motion — when you want animation without loading GSAP or other libraries
• GPU-accelerated effects — transform and opacity animations that browsers optimize automatically

Do NOT Use

Avoid CSS animations for: