Text + Circle Carousel 3
HTML to video · A title · Apache-2.0
- What it does
A headline mask-reveals word by word while a circle carousel converges from off-frame and threads the line, collapses to center, hard-cuts to a second line that arrives at 1.4× (Circle style 3). Credited to Jake Moran.
- Get it
Copy the folder into a project, or
npx hyperframes add carousel-text-circle-3(fetches it from GitHub main to compositions/carousel-text-circle-3.html). It is a whole page with its own timeline: render it alone, or mount it in a film as a sub-composition. 16 settings to change.- Needs
Loads its libraries from the network when it renders (cdn.jsdelivr.net, fonts.googleapis.com).
- Re-skin
By props (colors, text, pictures)
Declared variables: image1, image2, image3, image4, image5, image6, image7, image8 and 8 more. 4 hex colors and 1 font stack are written in the file's CSS. It also reads its own custom properties with fallbacks (--background); set them on a wrapping element to re-skin it without editing.
- Size
1920 x 1080 · 5 s
- License
Apache-2.0
- From