Reveal & assembly

Aperture Hero

Full-bleed opener where a clip-path aperture widens on load and continues to widen on scroll, revealing motion footage behind the headline.

Difficulty: Advanced
Credits saved: ~190
Access: Free

Technique

clip-path inset() animated from 22% to 0% across load + the first 60vh of scroll, layered over an autoplaying muted video with a graded overlay.

Choreography spec

none — scroll-linked over the first 60vh

loadinset 22% → 8% on the stage curve, 900ms
0 → 0.6inset 8% → 0%, background scale 1.08 → 1

Reversibility

Scroll portion rewinds; the load portion is one-shot by design.

Reduced motion

Aperture open, poster frame instead of video.

aperture-hero.prompt

Build a "aperture-hero" section for my landing page.

TECHNIQUE
clip-path inset() animated from 22% to 0% across load + the first 60vh of scroll, layered over an autoplaying muted video with a graded overlay.

SPEC
██████████████████████████████████████████████
██████████████████████████████████████
████████████████████████████████████████████████████

RULES
████████████████████████████████████████████
██████████████████████████████████████████████████

Full prompt copies straight to your clipboard.

Aperture hero

The frame opens. The product arrives.

A masked shutter widens on load and keeps widening as you scroll, so the opening shot never feels like a static poster.

Aperture 12% open