Demo
VANTA
An agency landing concept where the headline is wiped in by a CSS mask as the background video scrubs.
- Measured, not estimated
- Client owns everything
- Delivered end to end
The situation
Agency landing pages tend to reach for a heavy animation library to perform one or two signature moves, and then pay for that library on every page load, including on the phones where those moves are switched off anyway.
What we did
We built the same effect from parts the browser already ships. A linear-gradient mask on the title block is driven by a single custom property, so the headline wipes in as the background video scrubs, and the video is panned by a transform tied to the same progress value. On narrow screens the scroll runway is removed entirely and the fixed stage becomes an ordinary flow column, so mobile gets a fast static page rather than a degraded animation.
The result
One HTML file, no animation library, no build step. The desktop treatment and the mobile layout are the same document rather than two implementations kept in sync by hand.
Ready when you are.
Tell us what you're building and we'll map the shortest route there.