Slow push-in with fade-up from dark
The clip fades up from about 25% brightness to full over 0.9 s while a slow push-in adds 5 to 9% over the first 2 to 3.5 s; the push snaps back out when the title fades. A moody, high-contrast opening for motivation or finance talking heads.
Preview unavailable
Apply this to my video: "Slow push-in with fade-up from dark" from the 24fps video editor library.
Preset JSON: https://24fps.dev/video-editor/effects/slow-push-in-dark-fade-up-open-e1x/preset.json (pass its "preset" to the engine).
Engine (MIT, no dependencies, ES module): https://24fps.dev/editor/engine.js. Download the engine next to your page (curl -O) rather than importing cross-origin, then import { mount } from "./engine.js" in a <script type="module"> served over http.
Wiring: root = a position:relative box at the video's size. media = { main }: main is a wrapper holding my video, filling the root. Then const fx = mount(root, { kind: "effect", preset, media }) and call fx.render(seconds) every frame. It is seek-safe: drive it from the GSAP timeline in HyperFrames or call render(frame / fps) in Remotion. Before capturing frames, await (fx.ready ?? document.fonts.ready).
Field reference: https://24fps.dev/video-editor/llms.txt. Keep sizes as fractions of the frame height so it works at any resolution. Credit: 24fps.dev/video-editor- Same idea
- Also called: Ignite (AI Edit)
- Technique
- Brightness 22 to 90 of 255 over 0 to 0.9 s (health clip) or a dip at 0.125 s then ramp (finance clip); scale 1.00 to 1.06 over 1.6 s, release near 2.3 to 2.7 s. Source preview audio is voice only (no music bed, no whoosh or hit visible in the spectrogram), so no sound cue is listed.
- Footage
- Man talking to camera, Pexels